Fieldbook
Sign in

Buttons

Sheen upload button

A compact upload button with a top-lit face; pressing it sweeps a sheen across and nudges the cloud arrow upward, and a busy state loops the sheen until turned off.

Using Sheen upload button

A compact upload button with a top-lit face; pressing it sweeps a sheen across and nudges the cloud arrow upward, and a busy state loops the sheen until turned off.

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, busy, sheenMs, 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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

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.
Offset shadow icon orb
2493Offset shadow icon orbButtonsA 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.
Radial sheen button
1878Radial sheen buttonButtonsA short key-like button lit from its top-right corner, with a hairline base edge that inverts when pressed.
Ring halo pill button
2521Ring halo pill buttonButtonsA pill button that keeps a clear gap around its colored core, fills that gap with a lightened accent ring on hover or keyboard focus, and squeezes inward while pressed.
Snap back icon button
2572Snap back icon buttonButtonsA bare glyph button that grows smoothly under the pointer and snaps back to its resting size the instant it is pressed.