Bileşenler

Drawer

Sayfanın kenarından ya da altından kayarak açılan, sayfayı bırakmadan ayrıntı, filtre ya da alt form gösteren panel.

28 Ekim 2026

Eklendi

İlk sürüm: Base UI Drawer üzerine kenar ve alt panel.
title, description, children, footer, trigger, side, size, modal, open, defaultOpen, onOpenChange, closeLabel; Drawer.Close.
Kenara kaydırarak kapatma; 640 px altında tutamaçlı alt sayfa; sağdan sola yazımda ayna.
motion.drawer ve yeni motion.sheet; drawer-width-*, drawer-handle-* bileşen token’ları.
Parça prop tipleri dışa açıldı: DrawerCloseProps.
side="start" ve side="top"; start 640 px’ten dar ekranda alttan sayfaya dönüşür.
Parça API’si: Drawer.Root, Drawer.Header, Drawer.Title, Drawer.Description, Drawer.Body, Drawer.Footer.

Değişti

Panel border-overlay ince çizgisini alıyor; serbest köşeler 14 px yuvarlak, ekrana yaslanan kenar düz.
Dar görünümde sm ve md panel alt sayfa olarak kendi yüksekliğini koruyor (320 ve 560 px, drawer-sheet-height-*).
side="start" end panelin aynasıdır: kenarlık yerine kaplama çizgisi, iç köşeler 14 px.
side="top" alt sayfanın aynasıdır: kenarlık yok, alt köşeler 14 px; size sm ve md yüksekliği 320 ve 560 px ile sınırlar.