Buttons

Collapsing share button

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

Trail log

Activate the pill to reveal destinations.

Using Collapsing share button

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

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: label, accent, items, direction, closeOnBlur

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

2504Radial Share FanButtonsA round share trigger that throws a stack of destination buttons out along an arc, each one tumbling a full turn into place.

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.

1649Share fan buttonButtonsA share button that dissolves on hover while a row of square destination buttons unrolls out of its left edge, one after another.

2035Share toggle chipButtonsA recessed chip that flips from an invitation to a confirmed state on click, its glyph popping past full size before settling.

2466Add Then Confirm ChipButtonsA dark chip with a warm label whose plus rocks side to side on hover, then rotates into a tick and reports the item added.

2115Bookmark save chipButtonsA compact save chip whose bookmark mark snaps from outline to filled and gives one small tug downward the moment an item is saved.