A multiline text input that allows users to enter longer form content.
Loading demo: textarea-real-world
npx sdaia-ui@latest add textarea
import { TextArea } from "@/components/ui/textarea"<TextArea placeholder="Enter your message..." />Default empty state.
Loading demo: textarea-default
Contains entered text.
Loading demo: textarea-filled
Active/focused state.
Loading demo: textarea-focused
Non-interactive state.
Loading demo: textarea-disabled
Props for the TextArea component.
Prop | Type | Default | Required |
|---|---|---|---|
label | ReactNode | - | optional |
helperText | string | - | optional |
error | string | - | optional |
destructive | boolean | false | optional |
showButton | boolean | false | optional |
buttonLabel | string | 'Button' | optional |
onButtonClick | () => void | - | optional |
fullWidth | boolean | false | optional |