Fieldbook
Sign in

Inputs

Springing radio group

A radio group where the chosen dot springs up from nothing with a small overshoot while the previous one shrinks away, and every ring grows slightly under the pointer.

Using Springing radio group

A radio group where the chosen dot springs up from nothing with a small overshoot while the previous one shrinks away, and every ring grows slightly under the pointer.

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: accent, orientation, ringSize, bounce, showDescriptions

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

Spring dot radio group
2050Spring dot radio groupInputsA radio group whose selected dot springs in with a small overshoot while the previous dot shrinks away, crossing over instead of snapping.
Compact select menu
2801Compact select menuInputsA trigger button that opens a floating list of choices, with the current pick shown on the button and a check beside it in the list.
Radio dot select
2023Radio dot selectInputsA vertical radio group where picking an option pops a dot into its circle while the previous dot shrinks and fades away.
Stacked option checklist
2782Stacked option checklistInputsA stacked list of labeled checkboxes that share one combined selection, with a running count of how many items are chosen.
Styled native dropdown
2783Styled native dropdownInputsA native select restyled with a custom border, focus ring and chevron while the operating system keeps providing the option menu and keyboard behavior.
Addon Input Group
2297Addon Input GroupInputsA text field wrapped in one bordered shell that can carry a leading icon, a trailing button or text, and shares one focus ring across the whole group.