Buttons

Press spring button

A base button family in six skins and four sizes whose press compresses on a spring and overshoots back, identically for pointer and keyboard.

Using Press spring button

A base button family in six skins and four sizes whose press compresses on a spring and overshoots back, identically for pointer and keyboard.

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: skin, size, accentColor, label, 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

1638Intent button setButtonsA 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.

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.

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.

1864Hard Shadow ButtonButtonsA thick-outlined button that lifts off its solid offset shadow on hover and presses back into it on click.

2371Inset Edge PillButtonsA pale pill with a thin ring all round and a thicker lip along the bottom only, so it reads as a physical key that floods with color on hover.

1984Invert Fill ButtonButtonsA small outlined button that fills solid on hover while its label crosses to the opposite value, trading foreground and background cleanly.