---
title: 'Card'
description: 'Displays a card with header, content, and footer.'
sidebar:
  label: 'Card'
  order: 12
---

<Component path="card/default" />

## Blurred

<Component path="card/blurred" />

## Blurred Footer

<Component path="card/blurred-footer" />