Bileşenler

Drawer

Yandan kayarak açılan ve pencerenin yüksekliğini dolduran bir panel: filtreler, bir satırın detayı, bir ayar formu.

TasarımcıGeliştirici

Playground

Taraf Açıklama Alt bölüm Esc ve overlay ile kapansın

Figma varyantı

👉 Position=Right
Footer=True
.Modal Header › Description=True

Varsayılan sağdır; sol gezinme için uygundur. Genişlik küçük modal boyutudur, mobilde tam genişlik. Modal’ın başlık ve alt bölümünü paylaşır.

Part	Token
Width	`--modal-small-size`
Surface	`--color-surface-level-1`
Overlay	`--color-component-modal-overlay`
Shadow	`--shadow-depth-xl`
Motion	`--motion-swipe-y`

Figma	React
👉 Position = Right / Left	`side='right' / 'left'`
Footer (.Modal Footer)	`footer={…}`
.Modal Header › Title / Description	`title / description`