Fieldbook
Sign in

Buttons

Follow latch chip

A 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.

Using Follow latch chip

A 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.

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, warning, label, following, duration

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

Add Then Confirm Chip
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.
Bookmark save chip
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.
Bookmark save toggle
2575Bookmark save toggleButtonsA compact save chip whose bookmark glyph fills solid and keeps a hairline border once the item is saved.
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.
Share toggle chip
2035Share toggle chipButtonsA recessed chip that flips from an invitation to a confirmed state on click, its glyph popping past full size before settling.
Key Turn Chip
2373Key Turn ChipButtonsA small filled chip whose key glyph jiggles like it is feeling for a lock on hover, then turns a quarter and unlocks on click.