Fieldbook
Sign in

Buttons

Nested plate send button

A moulded pill seated inside a backing plate whose cast shadow tightens on hover and flattens on press.

Using Nested plate send button

A moulded pill seated inside a backing plate whose cast shadow tightens on hover and flattens 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, depth, plateRadius, showIcon

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

Deep Slab Button
1825Deep Slab ButtonButtonsA tall slab that floats above the page on a long diagonal shadow and sinks onto it when hovered, then slams flat on click.
Lift and Sink Button
1868Lift and Sink ButtonButtonsA tinted monospace button that floats up on hover and sinks into its own inset shadow when pressed.
Press block button
1831Press block buttonButtonsA rounded block button resting on a solid ledge of shadow that shortens as the button travels down under a press.
Soft inset press button
2533Soft inset press buttonButtonsA near-black slab that sits above a matching panel on two opposing soft shadows, sinks into the surface while held and rises again on release.
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.
Tilted plinth call to action
2254Tilted plinth call to actionButtonsA chunky call to action resting on a solid colored plinth, tilted slightly in space, that lifts off its base on hover and sinks under a press.