Fieldbook
Sign in

Buttons

Follow count swipe

An outlined follow pill whose round accent badge slides to the far end on hover, painting a band that uncovers the follower count; clicking commits the follow with a stamp and bumps the count.

Using Follow count swipe

An outlined follow pill whose round accent badge slides to the far end on hover, painting a band that uncovers the follower count; clicking commits the follow with a stamp and bumps the count.

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, followedLabel, count, accent, slideMs

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

Travelling knob follow button
2488Travelling knob follow buttonButtonsAn outlined pill whose round knob rolls to the far end on hover, painting an accent track behind it and sliding a follower count into view; clicking keeps the followed state and bumps the count.
Counting follow chip
2472Counting follow chipButtonsAn outlined chip that pairs a label with a follower count, rolling the changed digits up through a masked window when latched and back down when released.
Arrow relay badge pill
2601Arrow relay badge pillButtonsA pill button with a round left badge whose arrow exits through the top corner on hover while a fresh one arrives from below and the body eases to near-black.
Captioned Like Button
2550Captioned Like ButtonButtonsAn icon-only heart button that reveals a caption rising from beneath on hover or focus, and fills solid with a quick overshoot when liked.
Collapsing share button
2553Collapsing share buttonButtonsA labelled pill that shrinks to a round glyph while a strip of link tiles floats into the space it left.
Crossing ripple tile
1679Crossing ripple tileButtonsA square badge tile where two dots race in from opposite edges, swell into overlapping circles that flood the face, and unroll a caption underneath.