Inputs

Searchable Select

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

New project

Pick the framework this repo will build with.

Framework

Build command

—

Dev port

—

Nothing chosen yet. Search or scroll to pick one.

Using Searchable Select

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

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, placeholder, searchPlaceholder, optionCount

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

2761Combobox fieldInputsA searchable dropdown field: typing filters a list of options live, and picking one fills the field.

2768Filtered suggestion fieldInputsA text field that filters a list of suggestions as you type and shows the matches in a dropdown below, with keyboard navigation and a clear button.

2762Command search paletteInputsA search field that drops a filtered list of commands beneath itself as you type, with arrow-key highlighting, hover selection and a keyboard hint footer.

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.

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.