feat(Card): add variant prop

This commit is contained in:
Benjamin Canac
2025-02-14 19:23:07 +01:00
parent 7a56903f47
commit 847d4aa752
7 changed files with 151 additions and 14 deletions

View File

@@ -1,6 +1,16 @@
<script setup lang="ts">
import theme from '#build/ui/card'
const variants = Object.keys(theme.variants.variant)
const variant = ref(theme.defaultVariants.variant)
</script>
<template>
<div class="flex flex-col gap-4">
<UCard class="w-96">
<USelect v-model="variant" :items="variants" />
<UCard :variant="variant" class="w-96">
<template #header>
<Placeholder class="h-8" />
</template>