TaavUI Lab
کامپوننت‌های کسب‌وکار

TaavMobileNumberInputCard

کارت ثبت شماره موبایل با چیدمان راست‌چین، آیکون برند، شمارنده کاراکتر و نمایش حالت خطا.

import { TaavMobileNumberInputCard } from '@repo/ui/taav/business';

حالت خالی

خالی

وارد کردن شماره موبایل

برای ثبت کاربر در فرم‌های کسب‌وکاری از شماره موبایل معتبر استفاده می‌شود.

وارد کردن شماره موبایل یا ایمیل برای ثبت کاربر ضروری می‌باشد.

0/50

حالت انتخاب‌شده

فوکوس‌شده و خالی

وارد کردن شماره موبایل

برای ثبت کاربر در فرم‌های کسب‌وکاری از شماره موبایل معتبر استفاده می‌شود.

وارد کردن شماره موبایل یا ایمیل برای ثبت کاربر ضروری می‌باشد.

0/50

حالت پرشده

پرشده

وارد کردن شماره موبایل

برای ثبت کاربر در فرم‌های کسب‌وکاری از شماره موبایل معتبر استفاده می‌شود.

وارد کردن شماره موبایل یا ایمیل برای ثبت کاربر ضروری می‌باشد.

10/50

حالت خطا

فرمت نامعتبر

وارد کردن شماره موبایل

برای ثبت کاربر در فرم‌های کسب‌وکاری از شماره موبایل معتبر استفاده می‌شود.

شماره موبایل واردشده معتبر نیست.

3/50

حالت بارگذاری

اسکلت بارگذاری

وارد کردن شماره موبایل

برای ثبت کاربر در فرم‌های کسب‌وکاری از شماره موبایل معتبر استفاده می‌شود.

وارد کردن شماره موبایل یا ایمیل برای ثبت کاربر ضروری می‌باشد.

0/50

ویژگی‌های TaavMobileNumberInputCard

Propنوعپیش‌فرضتوضیح
titleReactNodeوارد کردن شماره موبایلعنوان کارت
descriptionReactNodeتوضیح اصلی زیر عنوان
labelReactNodeموبایل یا ایمیلبرچسب فیلد
placeholderstringخالیدر نمونه‌ی مرجع متنی داخل فیلد نمایش داده نمی‌شود
value / defaultValuestringمقدار کنترل‌شده یا اولیه
onValueChange(value: string) => voidبازگشت مقدار پس از تغییر
helperText / errorReactNodeپیام راهنما یا خطا
required / disabled / readOnly / loadingbooleanوضعیت‌های اصلی کارت و فیلد
maxLengthnumber50حداکثر تعداد کاراکتر قابل نمایش
iconReactNodeآیکون بالای کارت
className / wrapperClassName / inputClassNamestringسفارشی‌سازی ظاهری کارت و فیلد