Buttons

Compass share burst

A round share button that fans its destination chips out to the compass points in a staggered burst and pulls them back home in reverse order.

Share this field note

Hover the chip, or focus it and press Enter, to fan out the destinations.

Using Compass share burst

A round share button that fans its destination chips out to the compass points in a staggered burst and pulls them back home in reverse order.

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: count, radius, stagger, accent, latchOnClick

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.

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

1650Share target swap buttonButtonsA compact share button that keeps one footprint and swaps its label for a staggered row of destination glyphs on hover or focus.

2574Arcade dome buttonButtonsA round pushbutton whose domed cap floats above a darker base and seats flush with a visible drop when pressed.

1929Center out underline linkButtonsA navigation link whose underline grows outward from the middle to both ends on hover and retracts back to a point when the pointer leaves.

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.