Form fields·loomora/TextareaField
TextareaField
A textarea counterpart to TextField with the same label, helper, error, and wrapper composition patterns.
Interactive live playground
Tweak props, change states, and see the live component respond in real time.
How to call
Import directly from the Loomora package root. For projects without Tailwind CSS, ensure loomora/dist/index.css is imported once in your root layout.
import { TextareaField } from 'loomora'
<TextareaField label="Description" properties={{
value, onChange: (event) => setValue(event.target.value), rows: 4,
}} />API reference
Important public props and how they affect rendering.
| Prop | Type | Default | Description |
|---|---|---|---|
| label | ReactNode | LabelProps | '' | Field label. |
| properties.value / onChange | textarea value and change event | '' / — | Controlled text state. |
| properties.rows | number | config default | Visible line count. |
| inputHelper | ReactNode | — | Supporting field description. |
| errors | { condition: boolean; helper: ReactNode }[] | — | Error state is true when any condition is true; shows the helper of the first true entry. |