SAV Design/Searchable Select

Searchable Select

Single-select typeahead on Base UI Combobox: case- and diacritic-insensitive filtering over label and keywords, keyboard support, 16px controls on mobile. Cruiser original (not in shadcn/ui).

UI primitivesregistry:ui

Install

npx shadcn@latest add @sav/searchable-select

Needs "@sav": "https://design.sasv.ch/r/{name}.json" under registries in components.json. Direct URL: /r/searchable-select.json.

Preview

Departure airfield

Try “plo” — matching is diacritic-insensitive (Ploiești).

Files

registry/sav/ui/searchable-select.tsx→ @ui/searchable-select.tsx

Dependencies

Registry items

—

npm packages

@base-ui/react, cn, lucide-react