Fieldbook
Sign in

Buttons

Echo halo hover button

A dark pill that on hover or keyboard focus throws stepped, fading copies of itself along the four diagonals while the pill itself grows.

Using Echo halo hover button

A dark pill that on hover or keyboard focus throws stepped, fading copies of itself along the four diagonals while the pill itself grows.

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, steps, spacing, growth

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

Ghost echo lift button
2606Ghost echo lift buttonButtonsA pill that lifts on hover while a ghost copy of itself swells outward behind it and dissolves.
Drifting aura button
2560Drifting aura buttonButtonsA softly embossed slanted pad that wakes a blurred band of color behind its edges and lets the brightest part drift around the outline.
Glow halo button
1828Glow halo buttonButtonsA pill button with a duplicate of itself blurred behind it, so hovering blooms a soft colored halo while the fill slowly drifts.
Halo glow button
2475Halo glow buttonButtonsA dark pill whose blurred accent halo fades in on hover and travels around the edge while a thin inner ring brightens.
Halo ring button
2677Halo ring buttonButtonsAn outlined button that throws a single ring outward when you hover it, the band expanding past the edge and thinning to nothing as it goes.
Offset bloom button
2633Offset bloom buttonButtonsA flat bright slab with no border that blooms a wide off-centre haze of its own colour on hover and compresses it when pressed.