Fieldbook
Sign in

Buttons

Refresh sweep spin

A refresh button whose darker icon panel sweeps across the face on hover while the arrow makes exactly one turn, then keeps spinning through a busy run before easing back to rest.

Using Refresh sweep spin

A refresh button whose darker icon panel sweeps across the face on hover while the arrow makes exactly one turn, then keeps spinning through a busy run before easing back to rest.

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, width, spinMs, busyMs

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

Day night sweep toggle
1631Day night sweep toggleButtonsAn icon button that cycles a settings panel between light, dark and automatic, repainting it with a hard clipped edge that sweeps across instead of a fade.
Destructive sweep button
2696Destructive sweep buttonButtonsA delete action whose rose to crimson shading sweeps end to end on hover, tipping the bin lid, with an optional hold to confirm line along the bottom edge.
Diagonal orb fill button
2626Diagonal orb fill buttonButtonsOne oversized circle slides corner to corner across an outlined button, filling it on the diagonal, and darkens the instant you press.
Diagonal wedge button
2676Diagonal wedge buttonButtonsA squared button filled by a triangular wedge that grows along the diagonal until it covers the whole face.
Download Sweep Progress
2491Download Sweep ProgressButtonsA download button where the icon panel expands over the label on hover, then runs a real progress fill and settles on a done state after the click.
Icon sweep delete button
2477Icon sweep delete buttonButtonsA destructive button whose darker icon tile sweeps from the right edge across the face on hover, covering the label while the bin lid tips open.