---
description: Display content in a card 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/Card.vue
---

## Usage

::component-example
---
component: 'card-example'
componentProps:
  class: 'w-full'
---
::

## Usage

## Examples

## API

### Props

:component-props

### Slots

:component-slots

## Theme

:component-theme