Fieldbook
Sign in

Buttons

Share target swap button

A compact share button that keeps one footprint and swaps its label for a staggered row of destination glyphs on hover or focus.

Using Share target swap button

A compact share button that keeps one footprint and swaps its label for a staggered row of destination glyphs on hover or focus.

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, size, glyphSide, accent, lift

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Glide swap button
2715Glide swap buttonButtonsA fixed width button that slides its label off the right edge while the glyph glides into the centre, all sitting on a hard coloured ledge the button drops onto when pressed.
Gradient swap button
1862Gradient swap buttonButtonsA rounded button whose diagonal shading trades its two stops on hover, so the light corner travels across the face.
Label swap slide button
2523Label swap slide buttonButtonsA bordered pill that swaps its whole contents on hover: the resting row slides up and out while a second row with its own icon and colour slides in from below.
Layer swap button
1834Layer swap buttonButtonsTwo rounded layers anchored to a corner trade sizes on hover, the resting fill collapsing into a seed while the seed grows to fill the button.
Letter drop press button
2517Letter drop press buttonButtonsA key-cap button on a darker ledge whose label drops away on hover and is rebuilt letter by letter from above, pressing down onto the ledge when clicked.
Magnetic dust button
1641Magnetic dust buttonButtonsA pill button surrounded by loose specks of dust that rush into its center on hover and drift back out to their own resting spots when released.