Buttons

Spin Off Thanks

A two-faced call to action where the top face spins away and drops out while a second face rises up behind it to take over.

Hover to preview the hand-off. With latching on, a click keeps the thank-you face up.

Using Spin Off Thanks

A two-faced call to action where the top face spins away and drops out while a second face rises up behind it to take over.

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: frontLabel, backLabel, accent, backColor, spinDegrees, 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

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.

2473Follow latch chipButtonsA follow chip that previews its filled state on hover and latches there on click, swapping to an unfollow prompt in a warning tint when hovered again.

2651Plate spin swap buttonButtonsA boxy outlined button whose label plate spins off to the right on hover while an identical plate spins in from the left to replace it.

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

2303Bevel swap buttonButtonsA pale slab whose lit and shaded border sides trade corners on hover while a fan of fading offset copies stamps out behind it.

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.