النصوص الطويلةTextarea

مساحة للتفاصيل والملاحظات، مع عدّاد اختياري.

المصدر
اختر طرازكاستكشف الثيمات
0 / 500

أضفه إلى مشروعك

نفّذ الأمر داخل مشروعك لإضافة المكوّن مباشرة من الرابط. يتولى المثبّت إضافة ملفات الحزمة وعددها 8، بما فيها الثيمات والاعتماديات.

Terminal
pnpm dlx shadcn@latest add https://tirazkit.moud4477.chatgpt.site/r/textarea.json

يتطلب التثبيت المباشر رابطًا متاحًا دون تسجيل دخول، ومشروعًا مهيّأً لاستخدام المكتبة. دليل التثبيت الكامل

التثبيت من ملف محلي

إذا كانت نسختك من السجل خاصة، نزّل الحزمة إلى مجلد مشروعك ثم ثبّتها من الملف.

تنزيل حزمة المكوّن
Terminal
pnpm dlx shadcn@latest add ./textarea.json

الاستخدام

المكوّن يرث الألوان والاتجاه من مزوّد الثيم. غيّر قيمة الثيم لتستخدم نفس الكود بهوية مختلفة.

example.tsx
"use client";
import { Theme } from "@/components/tirazkit/theme";
import { Textarea } from "@/components/tirazkit/textarea";

export default function Example() {
  return (
    <Theme theme="dga" locale="ar">
      <Textarea label="تفاصيل الطلب" name="details" maxLength={300} />
    </Theme>
  );
}

الخصائص الأساسية

الخاصيةالنوعالقيمة الافتراضية
labelstringمطلوب
maxLengthnumber
rowsnumber4

إرشادات الاستخدام

اكتب تسمية واضحة للحقل، واجعل رسالة الخطأ تصف طريقة إصلاحه. اختبر النموذج بلوحة المفاتيح وبقارئ الشاشة.