سطح استاندارد برای گروهبندی محتوا با variant، padding و radius کنترلشده.
import { TaavCard } from '@repo/ui';فقط از props رسمی TaavUI استفاده کنید. unsafeClassName و escape hatchهای مشابه فقط برای موارد نادر هستند و نباید در مثالهای عادی دیده شوند.
محتوای کارت با padding استاندارد md
<TaavCard header={...} footer={...}>محتوا</TaavCard>نمونه سطح
نمونه سطح
نمونه سطح
نمونه سطح
کارت تعاملی
کارت انتخابشده
| Prop | نوع | پیشفرض | توضیح |
|---|---|---|---|
variant | 'elevated' | 'outlined' | 'soft' | 'ghost' | outlined | نوع سطح |
padding | 'none' | 'sm' | 'md' | 'lg' | md | فاصله داخلی |
radius | 'md' | 'lg' | 'xl' | 'xxl' | lg | شعاع گوشه |
interactive | boolean | false | hover و حس قابل کلیک |
selected | boolean | false | حالت انتخابشده |
header | ReactNode | — | بخش بالایی |
footer | ReactNode | — | بخش پایینی |