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

playground(badge): iterate over variants

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-12 18:24:51 +02:00
parent 1d2e1caaf5
commit af52fde119
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
playground/pages/badge.vue
View File

@@ -2,6 +2,7 @@
import theme from '#build/ui/badge' import theme from '#build/ui/badge'
const sizes = Object.keys(theme.variants.size) const sizes = Object.keys(theme.variants.size)
const variants = Object.keys(theme.variants.variant)
</script> </script>
<template> <template>
@@ -12,10 +13,7 @@ const sizes = Object.keys(theme.variants.size)
</UBadge> </UBadge>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<UBadge label="Badge" /> <UBadge v-for="variant in variants" :key="variant" label="Badge" :variant="(variant as any)" />
<UBadge label="Badge" variant="outline" />
<UBadge label="Badge" variant="soft" />
<UBadge label="Badge" variant="subtle" />
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<UBadge label="Badge" color="white" /> <UBadge label="Badge" color="white" />