Select · 下拉选择

来源：参考组件库（3 个 variant：基本 / 带搜索 / 多选）· 同步 2026-09-29 · 用于表单中的下拉选择（选项 ≤ 20 个用 Select，> 20 用 Combobox）

🎨 3 个 variant

Variant 1 · 基本（5 个选项）
Choose a brand...
Brand A
Brand B
Brand C
Brand D
Brand E
Variant 2 · 带搜索（选项 ≥ 10 个时使用）
Mexico City
Guadalajara
Mexico City
Monterrey
Puebla
Tijuana
Cancún
Variant 3 · 多选（chips 形式）
SUV Electric 2024

📐 Spec Details

Trigger 高度
48px
圆角
8px
Border
1px --grey-200
Focus 光晕
--yellow-500 + 15% opacity
下拉最大高度
280px
下拉阴影
0 8px 24px rgba(0,0,0,0.12)
选项 padding
10px 16px
hover 背景
--grey-50
selected 色
--blue-500 + Bold
多选 chip
--grey-100 底 + × 按钮

🎯 使用规则