Dialog
FREEBoyut seçenekli, arkası bulanık, büyüyerek açılıp küçülerek kapanan ve odağı içinde tutan modal pencere.
Kurulum
Terminal
npx @bloxa/cli add dialog
# or: npx shadcn@latest add @bloxa/dialogOtomatik kurulan paketler: motion, radix-ui
Örnekler
Form içeren pencere
Boyutlar
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
Dialog
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| open / defaultOpen | boolean | — | Kontrollü ya da başlangıç açık durumu. |
| onOpenChange | (open) => void | — | Açılıp kapandığında. |
DialogContent
DialogHeader, DialogTitle, DialogDescription, DialogBody, DialogFooter ve DialogClose ile kullanılır.
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| size | "sm" | "md" | "lg" | "xl" | "full" | "md" | En fazla genişlik. |
| showClose | boolean | true | Köşede × düğmesi. |
| blur | boolean | true | Arka planı bulanıklaştır. |