# Component: Card

**Example functional component specification for the WDS course**

---

## Coming Soon

This is an example component specification referenced from [Module 12 Tutorial](../tutorial-12.md). It will demonstrate a complete functional component specification for a card container.

---

## Component Overview

| Property | Value |
|----------|-------|
| **Name** | Card |
| **Category** | Core Components |
| **Usage** | Content containers |
| **Instances** | Multiple across project |

## Variants

| Variant | Use Case |
|---------|----------|
| Default | Standard content card |
| Interactive | Clickable card with hover state |
| Highlighted | Featured/promoted content |
| Compact | Reduced padding for dense layouts |

## Anatomy

- Header (optional): Title + action buttons
- Body: Main content area
- Footer (optional): Actions or metadata
- Image (optional): Top or side image

---

*This is a teaching example for the WDS course.*