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

playground: update

Browse Source
This commit is contained in:
Benjamin Canac
2024-07-02 10:30:14 +02:00
parent f4c9f530b8
commit 57a49877ae
3 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
playground/app/app.config.ts
View File

@@ -6,7 +6,7 @@ export default defineAppConfig({
},
ui: {
colors: {
primary: 'red',
primary: 'sky',
gray: 'cool'
}
}

3
playground/app/pages/context-menu.vue
View File

@@ -82,8 +82,9 @@ defineShortcuts(extractShortcuts(items))
</script>
<template>
<div class="flex items-center gap-2">
<div class="flex flex-col items-center gap-8">
<USelectMenu v-model="size" :items="sizes" placeholder="Size" />
<UContextMenu :items="items" class="min-w-48" :size="size">
<div class="flex items-center justify-center rounded-md border border-dashed border-gray-300 dark:border-gray-700 text-sm aspect-video w-72">
Right click here

18
playground/app/pages/dropdown-menu.vue
View File

@@ -123,18 +123,16 @@ defineShortcuts(extractShortcuts(items))
<template>
<div class="flex-1">
<div class="flex items-center gap-2">
<UButtonGroup :size="size">
<UDropdownMenu :items="items" :size="size" arrow :content="{ side: 'bottom', align: 'start' }" class="min-w-48">
<UButton label="Open" color="white" icon="i-heroicons-user" />
<div class="flex flex-col items-center gap-8">
<USelectMenu v-model="size" :items="sizes" placeholder="Size" />
<template #custom-trailing>
<UIcon name="i-heroicons-check-badge" class="shrink-0 size-5 text-primary-500 dark:text-primary-400" />
</template>
</UDropdownMenu>
<UDropdownMenu :items="items" :size="size" arrow :content="{ side: 'bottom', align: 'start' }" class="min-w-48">
<UButton label="Open" color="white" icon="i-heroicons-user" />
<USelectMenu v-model="size" :items="sizes" placeholder="Size" />
</UButtonGroup>
<template #custom-trailing>
<UIcon name="i-heroicons-check-badge" class="shrink-0 size-5 text-primary-500 dark:text-primary-400" />
</template>
</UDropdownMenu>
</div>
</div>
</template>