Textarea
Multi-line field input, vertical-resize only, reuses the Field's input tokens.
Preview
Note
<label class="nx-field"><span class="nx-field__label">Note</span><textarea class="nx-field__input" placeholder="Add a note…"></textarea></label><label className="nx-field">
<span className="nx-field__label">Note</span>
<NxTextarea placeholder="Add a note…" />
</label>API
Classes
| Class | Description |
|---|---|
textarea.nx-field__input | min-height 88px, vertical resize only |
Accessibility
- Same labelling contract as Field — wrap in a <label> or pair aria-label/aria-labelledby.
Do / Don’t
- Do: Let it grow vertically only (resize:vertical).Don’t: Don't allow horizontal resize — it breaks the field grid.