Fieldbook
Sign in

Buttons

Icon badge send

A rounded send button whose glyph sits in a translucent circular badge that brightens and turns while the whole button lifts on hover and settles on press.

Using Icon badge send

A rounded send button whose glyph sits in a translucent circular badge that brightens and turns while the whole button lifts on hover and settles on press.

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, accent, lift, spin, confirmOnPress

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

Looping flight send button
2525Looping flight send buttonButtonsA card-like send button that lifts off its shadow on hover while its paper plane loops up and away and returns, and squashes flat when clicked.
Ghost echo lift button
2606Ghost echo lift buttonButtonsA pill that lifts on hover while a ghost copy of itself swells outward behind it and dissolves.
Nested plate send button
2005Nested plate send buttonButtonsA moulded pill seated inside a backing plate whose cast shadow tightens on hover and flattens on press.
Outset ring tilt button
2544Outset ring tilt buttonButtonsA badge-style button with a thick ring floating outside its edge that grows, tips a couple of degrees and drops a hard shadow on hover.
Plane straighten send
2701Plane straighten sendButtonsA send button built as a bordered shell around an inset pill, where a tilted paper plane rotates level and the label steps forward on hover.
Plane tilt send button
2545Plane tilt send buttonButtonsA dished send control whose paper plane tips up on hover and flies out of frame on click before the label resets.