کارت‌ها (Cards)

کارت می‌تواند برای نگهداری گروهی از محتواهای مرتبط استفاده شود.

پایه (Basic)

استفاده پایه از کارت

سربرگ و پاورقی (Header & Footer)

کارت می‌تواند سربرگ و پاورقی را از طریق ویژگی‌های header و footer تنظیم کند.

سربرگ و پاورقی با حاشیه (Header & Footer Border)

می‌توانید جداکننده سربرگ و پاورقی را با تنظیم ویژگی‌های headerBorder و footerBorder به false غیرفعال کنید.

بدون حاشیه (Borderless)

نمایش کارت بدون حاشیه (با سایه).

کلاس اضافی (Extra Class)

کلاس اضافی را می‌توان از طریق ویژگی‌های bodyClass، headerClass و footerClass به بخش‌های مربوطه اعمال کرد.

قابل کلیک (Clickable)

ویژگی click را به true تنظیم کنید تا اشاره‌گر موس به دست اشاره تبدیل شود.

رسانه (Media)

API

کارت‌ها (Cards)
ویژگیتوضیحاتنوعپیش‌فرض
headerتنظیمات هدر کارت{ content?: string | ReactNode, className?: string, bordered?: boolean, extra?: string | ReactNode }-
footerتنظیمات فوتر کارت{ content?: string | ReactNode, className?: string, bordered?: boolean }-
borderedنمایش کارت با مرز (بدون سایه)booleanfalse
clickableنمایش نشانگر موس به صورت اشاره‌گر هنگام hoverbooleanfalse
bodyClassاعمال کلاس به بدنه کارتstring-
onClickبازخورد زمانی که کارت کلیک می‌شود(e: MouseEvent) => void-