A multi-line text input with resize support and validation states.
Bio
Write up to 200 characters.
0 / 200
Message
Message is required.
<div class="ta-wrap"> <div class="ta-label">Message</div> <textarea class="ta" placeholder="Write your message..."></textarea> <div class="ta-hint">Be as detailed as possible.</div> </div>
Installation
Built with pure HTML and CSS. Include ds-shared.css in your project.
pnpm add @norbielink/ds
API Reference
Classes
| Class | Description |
|---|---|
ta-wrap | Column container |
ta-label | Label text |
ta | The textarea element (resize:vertical) |
ta-hint | Helper text |
ta-count | Character count indicator |
ta-error | Error state modifier |
ta-dk | Dark mode modifier |