Select

下拉选择 · Base UI overlay 单选 + items 自动 label

全状态

default

已选值

禁用

无效态

向上弹

small

Playground

占位文案sizeside禁用无效态

<Select items={items} placeholder="请选择字体" defaultValue="…">
  <SelectTrigger size="md" />
  <SelectContent side="bottom">
    {items.map((it) => <SelectItem key={it.value} value={it.value}>{it.label}</SelectItem>)}
  </SelectContent>
</Select>