Textarea
Multi-line text. Grows with its content in browsers that support field-sizing.
Basic
Markdown is supported.
<div class="mn-field" style="max-width:28rem">
<label class="mn-label" for="ta-1">Your message</label>
<textarea class="mn-textarea" id="ta-1" placeholder="Tell us what you think…" aria-describedby="ta-1-h"></textarea>
<p class="mn-hint" id="ta-1-h">Markdown is supported.</p>
</div>Installation
Everything ships in one stylesheet. There is nothing to import per component.
<link rel="stylesheet" href="https://mian.ro/dist/mian.css">Prefer to own the files? /r/textarea.json is a registry item with this component's CSS and example markup, ready to copy into your project with any tool that reads the open registry-item format.
Class reference
| Class / attribute | Description |
|---|---|
| mn-textarea | Base textarea. Resizes vertically. |
Accessibility
- Label it like any input. If you enforce a maximum length, show the count and link it with aria-describedby.