ورودی (Input)

معرفی

کامپوننت ورودی برای دریافت داده‌های مختلف از کاربر استفاده می‌شود.

استفاده

import { Input } from '@parto-system-design/ui';

<Input placeholder="نام خود را وارد کنید" />

اندازه‌ها

کامپوننت Input از پنج اندازه مختلف پشتیبانی می‌کند: tiny، small، medium، large و xlarge. اندازه پیش‌فرض small است.

<Input size="tiny" placeholder="اندازه tiny" />
<Input size="small" placeholder="اندازه small" />
<Input size="medium" placeholder="اندازه medium" />
<Input size="large" placeholder="اندازه large" />
<Input size="xlarge" placeholder="اندازه xlarge" />

انواع

متن

ایمیل

رمز عبور

غیرفعال

با برچسب

Props

نکات

• از type مناسب برای هر ورودی استفاده کنید
• همیشه label یا aria-label داشته باشید
• پیام‌های خطا را واضح نمایش دهید
• از placeholder به عنوان مثال استفاده کنید، نه توضیحات اصلی
• اندازه small برای اکثر موارد مناسب است