Back to components
Forms component

Searchable Select

Filterable dropdown with type-to-search and optional descriptions.

Read full guideBrowse all components

Install

$ Run in your project root
pnpm dlx shadcn@latest add https://jb.desishub.com/r/searchable-select.json

What it does

  • Searchable dropdown to filter through options
  • Clear button to reset selected value
  • Optional description text per option
  • Type-to-search and filter available choices
  • Handles value selection and change callbacks

When to use

Use it

Selects with 10+ options or where users benefit from type-to-filter (countries, tags, lookups).

Skip it

Simple 2–3 item selects (use shadcn Select), or multi-select scenarios.

Prerequisites

  • React
  • shadcn/ui

Files & routes added

  • searchable-select.tsx (location depends on install target)