> ## Documentation Index
> Fetch the complete documentation index at: https://docs.turbostack.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Card

Displays a card with a header, content and footer.

<img src="https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/images/components/card.png?fit=max&auto=format&n=jCk1IPeJr8ul3nyO&q=85&s=9fa58bf187552fada6f492f1525b0608" alt="Card Component" width="317" height="182" data-path="images/components/card.png" />

## Usage

```ts theme={null}
import { 
  Card, 
  CardHeader, 
  CardTitle, 
  CardDescription, 
  CardContent, 
  CardFooter 
} from '@turbostack/ui'
```

```tsx theme={null}
<Card className="w-full h-auto">
  <CardHeader>
    <CardTitle>Title of a Card</CardTitle>
    <CardDescription>This is an example description</CardDescription>
  </CardHeader>
  <CardContent>
    This is a card content
  </CardContent>
  <CardFooter>
    This is a card footer
  </CardFooter>
</Card>
```