32 lines
808 B
Markdown
32 lines
808 B
Markdown
# Widget W02: Product Card
|
|
|
|
**Example widget specification for the WDS course**
|
|
|
|
---
|
|
|
|
## Coming Soon
|
|
|
|
This is an example widget specification referenced from [Module 11: Conceptual Specifications](../module-11-conceptual-specifications/lesson-02-section-widget-specifications.md). It will demonstrate a complete widget specification for a product card component.
|
|
|
|
---
|
|
|
|
## Widget Overview
|
|
|
|
| Property | Value |
|
|
|----------|-------|
|
|
| **ID** | W03 |
|
|
| **Name** | Product Card Widget |
|
|
| **Type** | Template Card |
|
|
| **Context** | Product Grid Section |
|
|
|
|
## Functionality
|
|
|
|
- Template rendered N times from product data
|
|
- Adapts to container width (responsive)
|
|
- Shows product image, title, price, and action button
|
|
- Hover state reveals additional details
|
|
|
|
---
|
|
|
|
*This is a teaching example for the WDS course.*
|