Docs
選択
選択
ボタンをトリガーに、ユーザーが選択するオプションのリストを表示します。
インストール
npx shadcn-ui@latest add select使用方法
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "@/components/ui/select"<Select>
<SelectTrigger className="w-[180px]">
<SelectValue placeholder="テーマ" />
</SelectTrigger>
<SelectContent>
<SelectItem value="light">Light</SelectItem>
<SelectItem value="dark">Dark</SelectItem>
<SelectItem value="system">システム</SelectItem>
</SelectContent>
</Select>