Textarea
Text area with matching input styling, variants, and sizes.
Usage
import {Textarea} from 'kinu';
<Textarea rows={4} placeholder="Write here" />
Exports
| Name | Description | Rendered HTML |
|---|---|---|
| Textarea | Multi-line text input | <textarea k="textarea"> |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| rows | number |
— | Number of visible text rows. |
| placeholder | string |
— | Placeholder text for the textarea. |
| value | `string | number | readonly string[] |
| onInput | (event: InputEvent) => void |
— | Change handler for controlled textareas. |
| disabled | boolean |
— | Disables interactions and applies disabled styling. |
Notes
- Wraps the native
<textarea>for full form support. - Use the resize attribute to control user resizing.
- Pass
autosizeto let the textarea grow with its content via nativefield-sizing: content. Supported in Chromium and Firefox; gracefully falls back to the fixed-height default elsewhere.
_Source: src/components/textarea/index.tsx