Popover menu

A dropdown menu anchored to its trigger — account menus, action menus, context menus. Built on the native Popover API (top-layer, light-dismiss, focus management) + CSS anchor positioning (tethered to the trigger) + @starting-style for a native enter/exit animation. No JavaScript required — the trigger's popovertarget opens it declaratively.

Account menu

The canonical SaaS pattern: avatar → account/settings/sign-out.

Action menu

A compact actions menu — row-level actions in a data table.

Multiple menus

Each menu needs a unique anchor name — set --c-menu-anchor per instance.

Keyboard interaction

• Tab to the trigger, Enter/Space to open.
• Esc closes and returns focus to the trigger.
• Click outside (light-dismiss) closes.