文档
选择

选择

显示用户可从中选择的选项列表——通过按钮触发。

文档API 参考

安装

pnpm dlx shadcn@latest add select

用法

import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/components/ui/select"
<Select>
  <SelectTrigger className="w-[180px]">
    <SelectValue placeholder="Theme" />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="light">Light</SelectItem>
    <SelectItem value="dark">Dark</SelectItem>
    <SelectItem value="system">System</SelectItem>
  </SelectContent>
</Select>

示例

可滚动

表单

您可以在您的 邮箱设置.

滚动区域分隔符