Card
შინაარსის ჩარჩო სათაურით, აღწერით და ქვედა ზოლით. hooks არ აქვს — სერვერზე რენდერდება; padding სიმჭიდროვეს მიჰყვება.
მაგალითი
დელუქს ნომერი
ზღვის ხედით, 2 სტუმარი · 3 ღამე
თავისუფალი₾ 420 / ღამე
import {
Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle,
} from "@llc-conciergia/ui/card";
<Card>
<CardHeader>
<CardTitle>დელუქს ნომერი</CardTitle>
<CardDescription>ზღვის ხედით, 2 სტუმარი</CardDescription>
</CardHeader>
<CardContent>…</CardContent>
<CardFooter>…</CardFooter>
</Card>ინსტალაცია
pnpm add @llc-conciergia/uiimport {
Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle,
} from "@llc-conciergia/ui/card";npx @llc-conciergia/cli add cardnpx shadcn@latest add https://ui.conciergia.co/r/card.jsonProps
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| Card | ComponentProps<"div"> | — | გარე ჩარჩო. |
| CardHeader | ComponentProps<"div"> | — | სათაურის ზონა (p-density). |
| CardTitle | ComponentProps<"h3"> | — | სათაური. |
| CardDescription | ComponentProps<"p"> | — | მეორადი ტექსტი. |
| CardContent | ComponentProps<"div"> | — | ძირითადი შინაარსი. |
| CardFooter | ComponentProps<"div"> | — | ქმედებების ზოლი. |