Fieldbook
Sign in

Buttons

Flight path confirm button

A booking button that flies a small plane in a lap around its face while three dots pulse, then turns green and reports the booking confirmed.

Using Flight path confirm button

A booking button that flies a small plane in a lap around its face while three dots pulse, then turns green and reports the booking confirmed.

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, doneLabel, accent, successColor, 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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

Check stroke submit
2594Check stroke submitButtonsA compact filled submit button whose leading checkmark draws itself stroke by stroke when the action succeeds.
Send flight button
2724Send flight buttonButtonsA brushed light button that plays a short send sequence: the paper glyph flies off, a sending label counts its dots, then a check drops in.
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.
Button set
1673Button setButtonsA full button family covering six intents, six sizes, icon-only shapes and a loading state that swaps in a spinner without the button changing width.
Clamp jaws glow button
2598Clamp jaws glow buttonButtonsA hollow outlined button whose side tick marks slide in, merge into jaws, and close over the label with an accent glow on hover or focus.
Copy flick tile
2590Copy flick tileButtonsA square tile holding a stack of two pages; a long press flicks the top page away, confirms the copy in the caption, then resets the stack.