Inputs

Compact select menu

A 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.

Framework

Runtime

Using Compact select menu

A 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.

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: defaultValue, accent

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

2796Grouped select menuInputsA dropdown select whose options are grouped under section headings, with edge arrow strips that auto-scroll long lists.

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.

2772Model picker prompt boxInputsA prompt composer with an auto growing field, a dropdown for choosing which assistant handles the request, an attach control and a send action.

2421Searchable SelectInputsA button that opens a small popover with a search field and a filterable list of options, so someone can type to narrow choices instead of scrolling a long dropdown.

2053Springing radio groupInputsA 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.

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.