کارت (Card)

معرفی

کارت یک کانتینر انعطاف‌پذیر برای نمایش محتوای مرتبط است.

استفاده

import {
  Card,
  CardHeader,
  CardTitle,
  CardDescription,
  CardContent,
  CardFooter,
  Button,
} from '@parto/ui';

<Card>
  <CardHeader>
    <CardTitle>عنوان کارت</CardTitle>
    <CardDescription>توضیحات کارت</CardDescription>
  </CardHeader>
  <CardContent>
    <p>محتوای اصلی کارت</p>
  </CardContent>
  <CardFooter>
    <Button>عملیات</Button>
  </CardFooter>
</Card>

کارت ساده

با Header

با Footer

Components

Card

کانتینر اصلی

CardHeader

بخش هدر کارت

CardTitle

عنوان کارت

CardDescription

توضیحات کارت

CardContent

محتوای اصلی

CardFooter

بخش پایین کارت (معمولاً برای دکمه‌ها)

نکات

• از کارت برای گروه‌بندی اطلاعات مرتبط استفاده کنید
• ساختار سلسله‌مراتبی را حفظ کنید
• از Footer برای اعمال استفاده کنید
• فاصله‌گذاری مناسب داشته باشید