Badge
სტატუსის ან კატეგორიის მოკლე ნიშანი — მაგალითად, ჯავშნის მდგომარეობა. სერვერ-კომპონენტში პირდაპირ გამოიყენება.
მაგალითი
ნაგულისხმევიახალიVIPდადასტურებულიმოლოდინშიგაუქმებულიინფო
import { Badge } from "@llc-conciergia/ui/badge";
<Badge>ნაგულისხმევი</Badge>
<Badge variant="success" dot>დადასტურებული</Badge>
<Badge variant="warning">მოლოდინში</Badge>
<Badge variant="destructive">გაუქმებული</Badge>ინსტალაცია
pnpm add @llc-conciergia/uiimport { Badge } from "@llc-conciergia/ui/badge";npx @llc-conciergia/cli add badgenpx shadcn@latest add https://ui.conciergia.co/r/badge.jsonProps
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| variant | "default" | "primary" | "outline" | "success" | "warning" | "destructive" | "info" | "default" | ფერის სემანტიკა. |
| size | "sm" | "md" | "md" | ზომა. |
| dot | boolean | false | სტატუსის წერტილი ტექსტის წინ. |
| ...props | ComponentProps<"span"> | — | ნებისმიერი span-ის ატრიბუტი. |