Text Area
A multiline text input that allows users to enter longer form content.
Loading preview…
1
'use client';2
3
import { useState } from 'react';4
import { TextArea, Select, Divider, Button, HelpIcon } from 'sdaia-ui';5
Installation
npx sdaia-ui@latest add textarea
Usage
import { TextArea } from "@/components/ui/textarea"<TextArea placeholder="Enter your message..." />Examples
Placeholder
Default empty state.
Loading preview…
1
'use client';2
3
import { useState } from 'react';4
import { TextArea } from 'sdaia-ui';5
Filled
Contains entered text.
Loading preview…
1
'use client';2
3
import { TextArea } from 'sdaia-ui';4
5
export default function TextAreaFilled() {Focused
Active/focused state.
Loading preview…
1
'use client';2
3
import { useState } from 'react';4
import { TextArea } from 'sdaia-ui';5
Disabled
Non-interactive state.
Loading preview…
1
'use client';2
3
import { TextArea } from 'sdaia-ui';4
5
export default function TextAreaDisabled() {API Reference
TextAreaProps
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 |