Fieldbook
Sign in

Buttons

Soft relief button

A pale pill lifted by a warm highlight on one side and a cool shadow on the other, both tightening on hover and vanishing entirely when it is held flush.

Using Soft relief button

A pale pill lifted by a warm highlight on one side and a cool shadow on the other, both tightening on hover and vanishing entirely when it is held flush.

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

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 Pad Button
1889Soft Pad ButtonButtonsA rounded pad standing on a matte surface with paired light and dark shadows, settling closer to the page under the press.
Carved Pill Button
1847Carved Pill ButtonButtonsA pill carved into a soft matte surface by opposing inner shadows, rising into a raised pad the moment it is hovered or focused.
Center bloom button
2471Center bloom buttonButtonsA solid rounded pill that brightens from the middle out as a pale circular wash grows past its own edges, then sinks flat when pressed.
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.
Elevated chip button
2534Elevated chip buttonButtonsA pale rounded chip resting on stacked soft shadows that tints toward the accent on hover and sinks onto a deeper shadow with an accent outline when pressed.