mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
6da0db0113
Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: Sébastien Chopin <seb@nuxt.com>
16 lines
533 B
Vue
16 lines
533 B
Vue
<script setup>
|
|
const people = ['Wade Cooper', 'Arlene Mccoy', 'Devon Webb', 'Tom Cook', 'Tanya Fox', 'Hellen Schmidt', 'Caroline Schultz', 'Mason Heaney', 'Claudie Smitham', 'Emil Schaefer']
|
|
|
|
const selected = ref(people[3])
|
|
</script>
|
|
|
|
<template>
|
|
<USelectMenu v-slot="{ open }" v-model="selected" :options="people">
|
|
<UButton>
|
|
{{ selected }}
|
|
|
|
<UIcon name="i-heroicons-chevron-right-20-solid" class="w-5 h-5 transition-transform" :class="[open && 'transform rotate-90']" />
|
|
</UButton>
|
|
</USelectMenu>
|
|
</template>
|