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—سفارشی‌سازی ظاهری کارت و فیلد