Select Dropdown Form

A basic select dropdown form demonstrating the standard Select and Controller pattern

This foundational select form shows the essential pattern for validated dropdown forms. Perfect for single-choice selections with a clean, accessible dropdown interface. Use this as a starting point for more complex select implementations.

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/form-select-basic.json

npx shadcn@latest add https://www.shadcn.io/r/form-select-basic.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/form-select-basic.json

bunx shadcn@latest add https://www.shadcn.io/r/form-select-basic.json

Select Grouped

Grouped options in a select dropdown

Select Searchable

Searchable combobox dropdown

Multi Select

Multi-select with checkbox popover

Cascading Select

Dependent cascading dropdowns

Select With Icons

Select dropdown with leading icons

Country Select

Country selector with flag emojis

FAQ

Last updated on March 24, 2026

Was this page helpful?

Search Input Form

A search form with icon, clear button, and instant validation feedback

Grouped Select Dropdown Form

A select dropdown form with grouped options using SelectGroup and SelectLabel

Select Dropdown Form