Fieldbook
Sign in

Buttons

Intent button set

A complete button family in one file: solid, soft, outline, ghost, link and danger weights across four sizes, with icon slots, a busy state and a real focus ring.

Using Intent button set

A complete button family in one file: solid, soft, outline, ghost, link and danger weights across four sizes, with icon slots, a busy state and a real focus ring.

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: variant, size, accent, withIcon, busy, disabled

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

Press spring button
1646Press spring buttonButtonsA base button family in six skins and four sizes whose press compresses on a spring and overshoots back, identically for pointer and keyboard.
Button set
1673Button setButtonsA full button family covering six intents, six sizes, icon-only shapes and a loading state that swaps in a spinner without the button changing width.
Invert Fill Button
1984Invert Fill ButtonButtonsA small outlined button that fills solid on hover while its label crosses to the opposite value, trading foreground and background cleanly.
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.
Rising Fill Button
1879Rising Fill ButtonButtonsA hollow bordered button that fills with color from the bottom edge upward, like liquid rising, when you hover or focus it.
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.