frontend/app/components/ui/card/Card.vue
2025-12-09 22:32:22 +01:00

22 lines
424 B
Vue

<script setup lang="ts">
import type { HTMLAttributes } from "vue";
import { cn } from "@/lib/utils";
const props = defineProps<{
class?: HTMLAttributes["class"];
}>();
</script>
<template>
<div
data-slot="card"
:class="cn(
'bg-card text-card-foreground flex flex-col gap-6 rounded-md border p-4 shadow-sm',
props.class,
)
"
>
<slot/>
</div>
</template>