基于 reka-ui 的组合式选择器。选项较少时也可用 [Radio](/components-library/reui/components/data-entry/radio)。
<script setup lang="ts"> import { ref } from "vue"; import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Button, } from "@reglow/reui"; const value = ref(""); </script> <template> <Select v-model="value"> <SelectTrigger class="w-[180px]"> <SelectValue placeholder="请选择" /> </SelectTrigger> <SelectContent> <SelectItem value="apple">苹果</SelectItem> <SelectItem value="banana">香蕉</SelectItem> <SelectItem value="cherry">樱桃</SelectItem> </SelectContent> </Select> </template>
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, } from "@reglow/reui";
Select
SelectRoot
v-model
SelectTrigger
SelectValue
SelectContent
SelectItem
SelectGroup
SelectLabel
SelectSeparator
内容锚点