Interaction lab
Tests input, nested popups, panels, and themes in one example.
Inputs and selection
Overlays and focus
Confirmation
Confirm important decisions in a small dialog. Confirm lightweight actions next to their button. This preview doesn't affect real data.
No preview action taken.
Drawers and sheets
Review details or continue a task without leaving the screen. A Sheet opens from a chosen side. A Drawer is a task panel that closes with a swipe.
DETAILS / SETTINGS
Side sheets
Fixed header and actions, with a body that scrolls independently.
QUICK ACTION / MOBILE
Bottom drawer
A task panel for touch, mouse gestures, and the keyboard.