Fieldbook
Sign in

Buttons

Nested bezel send button

Three nested frames make one chunky physical button: an outer bezel, a shaded well and an inner capsule whose glyph spins a full turn plus a quarter on hover.

Using Nested bezel send button

Three nested frames make one chunky physical button: an outer bezel, a shaded well and an inner capsule whose glyph spins a full turn plus a quarter on hover.

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, spin, hoverScale, radius

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

Raised bezel button
2614Raised bezel buttonButtonsA tactile action key built from three stacked plates, a machined rim, a rounded body and an inset capsule face, that sinks into its shadow when pressed.
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.
Molded key send button
2191Molded key send buttonButtonsA send button molded out of the page itself: a raised outer shell holding a recessed inner pill with a paper plane and a label.
Nested capsule button
2720Nested capsule buttonButtonsA pill button built from three nested capsules that flatten into the outer ring on hover while the label crossfades to the accent colour.
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.
Soft relief send button
2519Soft relief send buttonButtonsA send button moulded out of a light surface: a two tone rim around a soft inner pad with a filled send glyph that sinks flat while held.