Components
Loading preview...
Displays a list of options for the user to pick from—triggered by a button.
npx shadcn@latest add https://21st.dev/r/sean0205/selectimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
export default function SelectDemo() {
return (
<Select>
<SelectTrigger className="w-[200px]">
<SelectValue placeholder="Select a role" />
</SelectTrigger>
<SelectContent>
<SelectItem value="developer">Developer</SelectItem>
<SelectItem value="designer" disabled>
Designer
</SelectItem>
<SelectItem value="manager">Manager</SelectItem>
<SelectItem value="qa" disabled>
QA Engineer
</SelectItem>
<SelectItem value="data-analyst">Data Analyst</SelectItem>
</SelectContent>
</Select>
);
}