arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-01 04:37:57 +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

11
playground/compodium/examples/UBadge/UBadgeExample.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup lang="ts">
extendCompodiumMeta({
defaultProps: {
label: 'Badge'
}
})
</script>
<template>
<UBadge />
</template>

13
playground/compodium/examples/UBadge/UBadgeExampleAvatar.vue Normal file
View File

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

13
playground/compodium/examples/UBadge/UBadgeExampleIcon.vue Normal file
View File

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

13
playground/compodium/examples/UBadge/UBadgeExampleSizes.vue Normal file
View File

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

12
playground/compodium/examples/UBadge/UBadgeExampleVariants.vue Normal file
View File

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