Dialog

FREE

Boyut 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/dialog

Otomatik 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

ÖzellikTipVarsayılanAçıklama
open / defaultOpenboolean—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.

ÖzellikTipVarsayılanAçıklama
size"sm" | "md" | "lg" | "xl" | "full""md"En fazla genişlik.
showClosebooleantrueKöşede × düğmesi.
blurbooleantrueArka planı bulanıklaştır.