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

playground: update

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-07 16:09:00 +01:00
parent 7e19c30f80
commit 075eee860d
3 changed files with 35 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
playground/app.config.ts
View File

@@ -5,9 +5,12 @@ export default defineAppConfig({
base: 'font-semibold', base: 'font-semibold',
variants: { variants: {
color: { color: {
pink: 'bg-pink-500 text-white' toto: 'bg-pink-500 text-white'
} }
} }
},
container: {
base: 'max-w-5xl'
} }
} }
}) })

36
playground/pages/button.vue
View File

@@ -1,9 +1,33 @@
<template> <template>
<div class="flex gap-1"> <div class="flex flex-col gap-3">
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" /> <div class="flex gap-1.5">
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" variant="outline" /> <UButton icon="i-heroicons-rocket-launch" to="/" label="Button" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" variant="soft" /> <UButton icon="i-heroicons-rocket-launch" to="/" label="Button" variant="outline" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" variant="ghost" /> <UButton icon="i-heroicons-rocket-launch" to="/" label="Button" variant="soft" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" variant="link" /> <UButton icon="i-heroicons-rocket-launch" to="/" label="Button" variant="ghost" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" variant="link" />
</div>
<div class="flex gap-1.5">
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="indigo" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="indigo" variant="outline" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="indigo" variant="soft" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="indigo" variant="ghost" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="indigo" variant="link" />
</div>
<div class="flex gap-1">
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="white" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="white" variant="ghost" />
</div>
<div class="flex gap-1">
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="gray" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="gray" variant="ghost" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="gray" variant="link" />
</div>
<div class="flex gap-1">
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="black" />
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" color="black" variant="link" />
</div>
</div> </div>
</template> </template>

2
playground/pages/tooltip.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="flex gap-1"> <div class="flex gap-1.5">
<UTooltip text="Tooltip"> <UTooltip text="Tooltip">
<UButton icon="i-heroicons-rocket-launch" to="/" label="Button" /> <UButton icon="i-heroicons-rocket-launch" to="/" label="Button" />
</UTooltip> </UTooltip>