Component

Select

Select input for choosing from a list of options.

Preview

Examples

Default

With groups

SelectGroup + SelectLabel sections (e.g. Clinics vs Virtual).

AI Prompt

Ready to copy and paste into any AI model.

7 lines

prompt.txt

Build a shadcn/ui Select for the **Clinic Admin** design system.

**Design preview to replicate exactly:**
- Default: Trigger w-[200px], placeholder "Select option", options "Option A", "Option B", "Option C" (values a, b, c)
- With groups: Trigger w-[240px], placeholder "Select a location"; SelectContent with two SelectGroup blocks — first SelectLabel "Clinics" + clinic items, second SelectLabel "Virtual" + Telehealth

Use SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectLabel, SelectItem. Style with border, rounded-lg, Nunito Sans. Return React components with TypeScript.

Copy once, paste anywhere, keep consistent output.