Files
ui/docs/content/7.layout/1.card.md
2023-10-27 20:43:23 +02:00

30 lines
498 B
Markdown

---
description: Display a card for content with a header, body and footer.
links:
- label: GitHub
icon: i-simple-icons-github
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/layout/Card.vue
---
## Usage
:component-example{component="card-example" :componentProps='{"class": "w-full"}'}
## Slots
### `header`
Use the `#header` slot to fill the header.
### `footer`
Use the `#footer` slot to fill the footer.
## Props
:component-props
## Config
:component-preset