Buttons

Quick menu orb

A round accent trigger whose glyph folds into a close mark while a small titled menu of icon rows scales up beneath it.

Click the orb, then walk the rows with the arrow keys

Using Quick menu orb

A round accent trigger whose glyph folds into a close mark while a small titled menu of icon rows scales up beneath it.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: accent, triggerSize, side, open, caption, gap

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2553Collapsing share buttonButtonsA labelled pill that shrinks to a round glyph while a strip of link tiles floats into the space it left.

2502Cross morph menu buttonButtonsA thin three-bar menu icon that folds into a close cross, the outer bars travelling to the centre line before they scissor and recolour.

1729Paste Format MenuButtonsA pill with a caret that opens a bordered list of paste formatting choices and squares off its lower corners so the two shapes read as one piece.

2503Pivot bars menu buttonButtonsA menu button whose three ragged bars swing a quarter turn and shrink into a short column of dots, changing colour as they go.

2565Pulsing play orbButtonsA round play button that throws a ring of light outward on a steady beat, swells under the pointer and slows its pulse once paused.

2413Reversing bars menu buttonButtonsA small square menu tile whose three stacked bars trade widths on hover while the tile itself cross fades from one fill color to another.