41 lines
955 B
Markdown
41 lines
955 B
Markdown
# 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.*
|