Overlays
Tooltip, dropdown menu, dialog, drawer, command palette, shortcut overlay, and confirmation dialog — all built on Radix primitives with Octen's motion and elevation tokens.
Tooltip
Small delay before showing (~200ms). Multi-line content wraps at ~240px.
Dropdown menu
Leading icons, trailing shortcuts, separators, a destructive item, and checkbox items for filter-menu use cases.
Dialog
Size caps via a `size` prop: xs (320px) through full (viewport-32px). Shown here at sm, md, and lg.
Drawer
Side-panel built on Radix Dialog primitives, anchored left or right with a slide-in animation.
Command palette
Open with the button below or press Cmd+K / Ctrl+K anywhere on this page. Arrow keys navigate, Enter selects, Esc closes.
Cmd+KShortcut overlay
Open with the button below or press ? anywhere on this page (ignored while typing in a field).
?Confirmation dialog
Pre-composed for destructive actions. Focus defaults to Cancel, never the destructive Confirm button.