Fieldbook
Sign in

Buttons

Send flight button

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

Using Send flight button

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

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, sentLabel, accent, sequenceMs, autoReplay

Which frameworks are available?

The catalog lists these versions: react. 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

Flight path confirm button
2524Flight path confirm buttonButtonsA 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.
Hold to delete
1636Hold to deleteButtonsA destructive button that only fires after the pointer is held down long enough for a fill bar to sweep across it, and rewinds the moment you let go.
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.
Breathing Inset Button
2579Breathing Inset ButtonButtonsA pale moulded button whose inner panel pulls away from the rim on hover while the send glyph slides a short distance toward the label.
Capsule in frame button
2583Capsule in frame buttonButtonsA bordered outer tray holding a floating inner capsule that sinks into the frame for the length of a press.
Check stroke submit
2594Check stroke submitButtonsA compact filled submit button whose leading checkmark draws itself stroke by stroke when the action succeeds.