Components

Menus & popovers

Everything that opens on top of the page drops 6px from 97% in a third of a second, closes on Escape or a press outside, and opens upward when there is no room below.

Select menu

The dashboard's chip. Arrow keys move, Enter picks, typing jumps.

Showing 2026

Action menu

Rename, duplicate, copy link — and delete, which asks first and then offers Undo.

Casa do MonteLoulé Active
Clinic fit-outVilamoura Active
Old barn studioBoliqueime Done

Popover

Free content: here, a filter panel. Chosen filters show as removable tags.

Active Planning

Tooltip

A short hint after a 400ms pause, on hover or keyboard focus. Never put buttons inside a tooltip.

Props

PropValuesDefaultWhat it does
ActionMenu items{ label, icon?, shortcut?, danger?, disabled?, onselect }[] · { divider: true }—The actions, top to bottom
ActionMenu triggersnippet({ open, toggle })—Your own button instead of the round “more” button
Popover openbindable booleanfalseOpen state; content gets close()
Popover align / width'left' | 'right' · px'left' · 300Which edge it lines up with, and how wide
Tooltip text / sidestring · 'top' | 'bottom'· 'top'The hint and where it appears