دکمه استاندارد برای اقدامات اصلی، ثانویه و خطرناک. ارتفاع، padding و رنگ فقط از props رسمی کنترل میشوند.
import { TaavButton } from '@repo/ui';فقط از props رسمی TaavUI استفاده کنید. unsafeClassName و escape hatchهای مشابه فقط برای موارد نادر هستند و نباید در مثالهای عادی دیده شوند.
<TaavButton>ذخیره تغییرات</TaavButton>
| Prop | نوع | پیشفرض | توضیح |
|---|---|---|---|
variant | 'primary' | 'secondary' | 'outline' | 'ghost' | 'soft' | 'danger' | 'success' | 'warning' | 'link' | primary | سبک بصری دکمه |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | md | ارتفاع و تایپوگرافی استاندارد |
width | 'auto' | 'full' | 'fit' | 'icon' | auto | عرض دکمه یا حالت آیکونی |
tone | 'brand' | 'neutral' | 'success' | 'warning' | 'danger' | 'info' | brand | نقش رنگی معنادار |
loading | boolean | false | غیرفعالسازی تعامل و نمایش اسپینر |
disabled | boolean | false | حالت غیرفعال |
iconStart | ReactNode | — | آیکون ابتدای متن (RTL) |
iconEnd | ReactNode | — | آیکون انتهای متن (RTL) |
aria-label | string | — | الزامی برای دکمه آیکونی بدون متن |