Drawer

Dialog semantics with direction-aware swipe dismissal.

Drawer / interactiveFluid · fits available space

Semantic parts

Spread each part getter onto the matching element, then style its stable state attributes.

providerindent-backgroundindenttriggerswipe-areaportalbackdropviewportpopupcontenttitledescriptionclosevirtual-keyboard-provider

Open the drawer with its button. This preview is modal; swipe gestures do not imply additional keyboard shortcuts.

Keys from the Clank controller contract, with preview and configuration notes. Disabled or read-only controls may prevent changes.

Escape: Close the topmost layer
Tab: Move within a trapped focus scopeWhile open in modal mode, as shown in this preview. Shift+Tab moves backward.