منطقة النص

حقل إدخال نص متعدد الأسطر يتيح للمستخدمين إدخال محتوى النماذج الطويلة.

Loading demo: textarea-real-world

التثبيت

npx sdaia-ui@latest add textarea

import { TextArea } from "@/components/ui/textarea"

<TextArea placeholder="Enter your message..." />

الحالة الفارغة الافتراضية.

Loading demo: textarea-default

تحتوي على نص أدخله المستخدم.

Loading demo: textarea-filled

الحالة النشطة / المركَّزة.

Loading demo: textarea-focused

الحالة غير التفاعلية.

Loading demo: textarea-disabled

خصائص مكوّن TextArea.

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