Buttons

Share tile row

A short row of square share tiles that each scale up and flood with their own colour, flipping the glyph to the plate tone, when engaged.

Using Share tile row

A short row of square share tiles that each scale up and flood with their own colour, flipping the glyph to the plate tone, when engaged.

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, uniform, size, gap, scale

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

1851Drifting Gradient ButtonButtonsA button whose diagonal two-tone fill is oversized and never stops sliding, running faster while hovered and squashing on click.

2576Growing back arrowButtonsA bare left-arrow back control that grows and stretches its shaft on hover, then snaps to rest when pressed.

2770Invert and grow buttonButtonsA bordered block that swaps its ink and paper colors and grows from its center while hovered, then snaps flat under the press.

2528Invert on hover pillButtonsA filled pill that trades fill and label colors and swells slightly on hover or keyboard focus, squeezing below its resting size while pressed.

2554Rising tooltip icon buttonButtonsA chrome-free icon button whose glyph swells and turns warning-colored on hover while a small label chip rises in above it after a short delay.

1742Rotating face plateButtonsA button whose labelled dark plate turns a corner and grows when engaged, exposing the accent slab underneath as four triangles, then shrinks and swaps colors with it while pressed.