Empty
ცარიელი მდგომარეობა: ხატულა, სათაური, აღწერა და მოქმედებები ცენტრში. სერვერ-კომპონენტია.
მაგალითი
ჯავშნები არ არის
ამ თარიღებზე ჯავშანი ჯერ არ შექმნილა. დაამატეთ პირველი ან შეცვალეთ ფილტრი.
import { Button } from "@llc-conciergia/ui/button";
import {
Empty, EmptyActions, EmptyDescription, EmptyMedia, EmptyTitle,
} from "@llc-conciergia/ui/empty";
<Empty variant="dashed">
<EmptyMedia><CalendarX aria-hidden="true" /></EmptyMedia>
<EmptyTitle as="h2">ჯავშნები არ არის</EmptyTitle>
<EmptyDescription>ამ თარიღებზე ჯავშანი ჯერ არ შექმნილა.</EmptyDescription>
<EmptyActions>
<Button>ახალი ჯავშანი</Button>
</EmptyActions>
</Empty>ინსტალაცია
pnpm add @llc-conciergia/uiimport {
Empty, EmptyActions, EmptyDescription, EmptyMedia, EmptyTitle,
} from "@llc-conciergia/ui/empty";npx @llc-conciergia/cli add emptynpx shadcn@latest add https://ui.conciergia.co/r/empty.jsonშენიშვნები
EmptyTitle ნაგულისხმევად div-ია — გვერდის სტრუქტურის მიხედვით as="h2" / "h3" აირჩიეთ. ჩაშენებული ტექსტი არ აქვს: სათაური და აღწერა ყოველთვის კონტექსტურია.
Props
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| Empty: variant | "default" | "dashed" | "default" | dashed — წყვეტილი ჩარჩო (მაგ. ატვირთვის ან ცარიელი სვეტის ადგილი). |
| EmptyMedia | div | — | ხატულა მრგვალ, muted ფონზე. |
| EmptyTitle: as | "h2" | "h3" | "h4" | "p" | "div" | "div" | სათაურის ელემენტი. |
| EmptyDescription | p | — | მეორადი ტექსტი. |
| EmptyActions | div | — | ღილაკების მწკრივი. |