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

chore(playground): compodium setup

Browse Source
This commit is contained in:
Romain Hamel
2025-03-26 11:40:23 +01:00
parent f68061975c
commit 15fe0039f0
47 changed files with 1077 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
playground/compodium/examples/UButton/UButtonExample.vue Normal file
View File

@@ -0,0 +1,12 @@
<script setup lang="ts">
extendCompodiumMeta({
combo: ['variant', 'color'],
defaultProps: {
label: 'Click me!'
}
})
</script>
<template>
<UButton />
</template>

12
playground/compodium/examples/UButton/UButtonExampleAvatar.vue Normal file
View File

@@ -0,0 +1,12 @@
<script setup lang="ts">
extendCompodiumMeta({
combo: ['size', 'variant'],
defaultProps: {
avatar: { src: 'https://github.com/benjamincanac.png' }
}
})
</script>
<template>
<UButton />
</template>

13
playground/compodium/examples/UButton/UButtonExampleIcon.vue Normal file
View File

@@ -0,0 +1,13 @@
<script setup lang="ts">
extendCompodiumMeta({
combo: ['size', 'variant'],
defaultProps: {
label: 'Click me!',
icon: 'i-lucide-rocket'
}
})
</script>
<template>
<UButton />
</template>

13
playground/compodium/examples/UButton/UButtonExampleLoading.vue Normal file
View File

@@ -0,0 +1,13 @@
<script setup lang="ts">
extendCompodiumMeta({
combo: ['size', 'variant'],
defaultProps: {
label: 'Click me!',
loading: true
}
})
</script>
<template>
<UButton />
</template>

12
playground/compodium/examples/UButton/UButtonExampleSizes.vue Normal file
View File

@@ -0,0 +1,12 @@
<script setup lang="ts">
extendCompodiumMeta({
combo: ['size', 'variant'],
defaultProps: {
label: 'Click me!'
}
})
</script>
<template>
<UButton />
</template>