Malasaur/ShadCN-Vue-Template
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added Card component

Browse source
This commit is contained in:
Malasaur 2026-02-02 22:28:49 +01:00
parent 3b68d3376b
commit ade7f223b9
No known key found for this signature in database
9 changed files with 131 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/ui/card/CardHeader.vue Normal file
View file

@ -0,0 +1,17 @@
<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-header"
:class="cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', props.class)"
>
<slot />
</div>
</template>