ui/docs/content/7.layout/1.card.md

description, links

description	links
Display a card for content with a header, body and footer.	label icon to GitHub i-simple-icons-github https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/layout/Card.vue

Usage

::component-example #default :card-example{class="w-full"}

#code

<template>
  <UCard>
    <template #header />

    Body

    <template #footer />
  </UCard>
</template>

::

Slots

header

Use the #header slot to fill the header.

footer

Use the #footer slot to fill the footer.

Props

:component-props

Preset

:component-preset