Alert
სტატუსისა და გაფრთხილების შეტყობინებები სემანტიკური ფერებით.
მაგალითი
დაჯავშნა დადასტურებულია
სტუმრის მიღება შესაძლებელია 14:00 საათიდან.
import { Alert, AlertTitle, AlertDescription } from "@llc-conciergia/ui/alert";
<Alert variant="success">
<AlertTitle>დაჯავშნა დადასტურებულია</AlertTitle>
<AlertDescription>სტუმრის მიღება შესაძლებელია 14:00 საათიდან.</AlertDescription>
</Alert>;ინსტალაცია
pnpm add @llc-conciergia/uiimport { Alert, AlertTitle, AlertDescription } from "@llc-conciergia/ui/alert";npx @llc-conciergia/cli add alertnpx shadcn@latest add https://ui.conciergia.co/r/alert.jsonProps
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| Alert: variant | "default" | "info" | "success" | "warning" | "destructive" | — | ტონი და ნაგულისხმევი ხატულა. |
| Alert: icon | ReactNode | null | — | ხატულა; null მალავს მას. დეკორატიულია. |
| Alert: action | ReactNode | — | მოქმედების ღილაკის ადგილი. |
| Alert: role | ARIA role | — | warning/destructive იყენებს alert-ს, დანარჩენი status-ს; შეცვლა შესაძლებელია. |
| Alert / AlertTitle / AlertDescription | div props | — | children, className, ref და მშობლიური თვისებები. |