Fieldbook
Sign in

Buttons

Offset shadow icon orb

A round icon-only button resting on a hard offset shadow that it drops flat into when pressed and lifts out of on release, sized for a row of sign-in choices.

Using Offset shadow icon orb

A round icon-only button resting on a hard offset shadow that it drops flat into when pressed and lifts out of on release, sized for a row of sign-in choices.

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: size, accent, offset, glyph

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

Arcade dome button
2574Arcade dome buttonButtonsA round pushbutton whose domed cap floats above a darker base and seats flush with a visible drop when pressed.
Glide swap button
2715Glide swap buttonButtonsA fixed width button that slides its label off the right edge while the glyph glides into the centre, all sitting on a hard coloured ledge the button drops onto when pressed.
Grounded download pill
2608Grounded download pillButtonsA fully rounded download button with an accent-tinted shadow that tightens on press while its arrow dips and springs back.
Molded bevel button
2624Molded bevel buttonButtonsA hard-cornered slab button with four inset bevel bands, a blur-free offset shadow, and a press that drops it flush onto the surface.
Notched offset slab button
2199Notched offset slab buttonButtonsA blocky uppercase button floating above a hard offset shadow, finished with two folded corner tabs, that slides into its own shadow when pressed.
Offset shadow press button
2482Offset shadow press buttonButtonsA flat outlined button that sits on a hard offset shadow and slides down into it when pressed, like a real key bottoming out.