Fieldbook
Sign in

Buttons

Specular edge button

A dark button whose rounded outline behaves like polished metal, with a highlight riding the edges facing a light that steers toward the pointer anywhere on the page.

Using Specular edge button

A dark button whose rounded outline behaves like polished metal, with a highlight riding the edges facing a light that steers toward the pointer anywhere on the page.

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, lineColor, intensity, radius, proximity, autoSweep

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 plate button
2501Arcade plate buttonButtonsA wide game-menu button with a grey outlined plate, an inset dark bevel and stamped lettering that brightens on hover and darkens while held down.
Bevel frame button
2674Bevel frame buttonButtonsA square framed button whose two ends bevel into points on hover, turning the rectangle into a six sided badge.
Border trace button
2709Border trace buttonButtonsA quiet translucent button whose four edges draw themselves in sequence on hover while a soft band of light crosses the face.
Cartridge fire button
2312Cartridge fire buttonButtonsA novelty button shaped like a brass shell case, with a projectile tucked behind its nose that shoots out and reloads when pressed.
Center out fill button
1848Center out fill buttonButtonsAn outlined uppercase button whose accent fill opens from a hairline at the center out to both edges on hover or focus.
Clamp jaws glow button
2598Clamp jaws glow buttonButtonsA hollow outlined button whose side tick marks slide in, merge into jaws, and close over the label with an accent glow on hover or focus.