Components

Select 选择器

基于 Reka UI 的无障碍下拉：键盘导航、类型高亮与品牌色选中标记。

基础

options 支持 disabled 项。

目标地域

禁用示例

<div class="grid gap-5 sm:grid-cols-2">
  <Select v-model="region" label="目标地域" :options="[
    { label: '中国香港 (HKG)', value: 'hkg' },
    { label: '日本东京 (NRT)', value: 'nrt' },
    { label: '德国法兰克福 (FRA)', value: 'fra' },
    { label: '美国硅谷 (SJC)', value: 'sjc' }
  ]" />
  <Select v-model="region" label="禁用示例" :options="[{ label: '不可选', value: 'x' }]" disabled />
</div>

API 参考

属性	类型	默认值	说明
`model-value`	`string`	`—`	v-model 选中值。
`options`	`{ label, value, disabled? }[]`	`—`	选项列表。
`placeholder`	`string`	`请选择…`	未选中占位。
`label`	`string`	`—`	上方标签。
`disabled`	`boolean`	`false`	禁用。