Inputs
A collection of modern input components designed for forms, authentication and interactive user experiences.
نحوه استفاده
• هر ورودی را میتوانید مانند یک کامپوننت عادی React داخل پروژه خود استفاده کنید.
• متن داخل ورودی کاملاً قابل تغییر است و میتوانید عباراتی مثل «شروع کنید»، «ثبت نام» یا «مشاهده بیشتر» قرار دهید.
• برای اجرای عملکرد دلخواه کافی است پراپ onClick را به دکمه اضافه کنید.
• برخی از کامپوننتها ممکن است از Framer Motion استفاده کنند. در این صورت میتوانید آن را با دستور زیر نصب کنید:
• تمامی ورودی با Tailwind CSS ساخته شدهاند و بهراحتی میتوانید رنگ، فاصلهها، انیمیشنها و ظاهر آنها را شخصیسازی کنید.
• این کامپوننتها برای صفحات فرود، داشبوردها و رابطهای مدرن طراحی شدهاند و روی موبایل نیز کاملاً ریسپانسیو هستند.
Iran Phone Input
An input field for Iranian phone numbers with built-in validation.
یک شماره موبایل معتبر که با ۰۹ شروع میشود وارد کنید
Email Input
An email input field with validation for correct formatting.
ایمیل خود را وارد کنید
Floating Label Input
A modern input component with an animated floating label that smoothly moves inside the border when focused or filled.