arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-22 07:50:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(select/select-menu): apply width class on examples

Browse Source 
Resolves #2297
This commit is contained in:
Benjamin Canac
2024-10-10 15:34:33 +02:00
parent c34a805e5f
commit 365bc0fc9a
10 changed files with 81 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/app/components/content/examples/select/SelectIconExample.vue
View File

@@ -9,5 +9,6 @@ const items = ref(['Backlog', 'Todo', 'In Progress', 'Done'])
:ui="{
trailingIcon: 'group-data-[state=open]:rotate-180 transition-transform duration-200'
}"
class="w-40"
/>
</template>

2
docs/app/components/content/examples/select/SelectItemsAvatarExample.vue
View File

@@ -32,7 +32,7 @@ function getAvatar(value: string) {
</script>
<template>
<USelect default-value="benjamincanac" :items="items" class="w-40">
<USelect default-value="benjamincanac" :items="items" class="w-48">
<template #leading="{ modelValue, ui }">
<UAvatar
v-if="modelValue"

2
docs/app/components/content/examples/select/SelectOpenExample.vue
View File

@@ -8,5 +8,5 @@ defineShortcuts({
</script>
<template>
<USelect v-model:open="open" default-value="Backlog" :items="items" />
<USelect v-model:open="open" default-value="Backlog" :items="items" class="w-40" />
</template>