Bileşenler

Dialog

Sayfanın üzerinde açılan, bir görev ya da karar için odağı içinde tutan kalıcı pencere.

28 Ekim 2026

Eklendi

İlk sürüm: Base UI Dialog üzerine kalıcı pencere.
title (zorunlu), description, children, footer, trigger, size, dismissible, open, defaultOpen, onOpenChange, initialFocus, closeLabel; Dialog.Close.
Taşan gövde klavyeyle kaydırılabilir; 640 px altında alttan sayfa düzeni.
motion.dialog ve motion.scrim girişi ve çıkışı.
dialog-width-sm|md|lg, dialog-radius, dialog-padding, dialog-margin bileşen token’ları; ui.dialog.close kütüphane metni.
Parça prop tipleri dışa açıldı: DialogCloseProps.
size="xl" (960 px, dialog-width-xl) ve size="full".
Parça API’si: Dialog.Root, Dialog.Popup, Dialog.Header, Dialog.Title, Dialog.Description, Dialog.Body, Dialog.Footer.
Cam malzeme: cam bir Provider altında bu yüzey cama döner; material="solid" onu opak tutar.

Değişti

Panel border-overlay ince çizgisini ve shadow-overlay gölgesini alıyor; köşe yarıçapı 14 px. Eylem bandı surface-layer-1 zeminde.