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>
42 lines
1006 B
Vue
42 lines
1006 B
Vue
<script setup>
|
|
const people = [{
|
|
id: 'benjamincanac',
|
|
label: 'benjamincanac',
|
|
href: 'https://github.com/benjamincanac',
|
|
target: '_blank',
|
|
avatar: { src: 'https://avatars.githubusercontent.com/u/739984?v=4' }
|
|
},
|
|
{
|
|
id: 'Atinux',
|
|
label: 'Atinux',
|
|
href: 'https://github.com/Atinux',
|
|
target: '_blank',
|
|
avatar: { src: 'https://avatars.githubusercontent.com/u/904724?v=4' }
|
|
},
|
|
{
|
|
id: 'smarroufin',
|
|
label: 'smarroufin',
|
|
href: 'https://github.com/smarroufin',
|
|
target: '_blank',
|
|
avatar: { src: 'https://avatars.githubusercontent.com/u/7547335?v=4' }
|
|
},
|
|
{
|
|
id: 'nobody',
|
|
label: 'Nobody',
|
|
icon: 'i-heroicons-user-circle'
|
|
}]
|
|
|
|
const selected = ref(people[0])
|
|
</script>
|
|
|
|
<template>
|
|
<USelectMenu v-model="selected" :options="people">
|
|
<template #label>
|
|
<UIcon v-if="selected.icon" :name="selected.icon" class="w-4 h-4" />
|
|
<UAvatar v-else-if="selected.avatar" v-bind="selected.avatar" size="3xs" />
|
|
|
|
{{ selected.label }}
|
|
</template>
|
|
</USelectMenu>
|
|
</template>
|