955 B
955 B
Component: Card
Example functional component specification for the WDS course
Coming Soon
This is an example component specification referenced from Module 12 Tutorial. 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.