Browse the docs

PreviousInput NextCheckbox and switch

Components

Select

Pick one option from a short list. The trigger matches the Input.

Install

npx shadcn@latest add @stardust/select

Examples

Basic

Date range

Examples are React. The Vue components take the same props and variants; only the template syntax differs.

Usage

Do

Use for 4 to 15 options.
Pick a sensible default.

Don’t

Don't use a select for 2 or 3 options; use a radio group or toggle group.
Don't use it for actions; use a dropdown menu.

Accessibility

Give the trigger a label or aria-label.
Options support arrow keys and type-ahead.