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-menu/SelectMenuIconExample.vue
View File

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

2
docs/app/components/content/examples/select-menu/SelectMenuItemsAvatarExample.vue
View File

@@ -29,7 +29,7 @@ const selected = ref(items.value[0])
</script>
<template>
<USelectMenu v-model="selected" :items="items" class="w-40">
<USelectMenu v-model="selected" :items="items" class="w-48">
<template #leading="{ modelValue, ui }">
<UAvatar
v-if="modelValue"

2
docs/app/components/content/examples/select-menu/SelectMenuOpenExample.vue
View File

@@ -9,5 +9,5 @@ defineShortcuts({
</script>
<template>
<USelectMenu v-model="selected" v-model:open="open" :items="items" />
<USelectMenu v-model="selected" v-model:open="open" :items="items" class="w-40" />
</template>

2
docs/app/components/content/examples/select-menu/SelectMenuSearchTermExample.vue
View File

@@ -5,5 +5,5 @@ const selected = ref('Backlog')
</script>
<template>
<USelectMenu v-model="selected" v-model:search-term="searchTerm" :items="items" />
<USelectMenu v-model="selected" v-model:search-term="searchTerm" :items="items" class="w-40" />
</template>

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>