42 lines
973 B
Markdown
42 lines
973 B
Markdown
# Component: Button
|
|
|
|
**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 button.
|
|
|
|
---
|
|
|
|
## Component Overview
|
|
|
|
| Property | Value |
|
|
|----------|-------|
|
|
| **Name** | Button |
|
|
| **Category** | Core Components |
|
|
| **Usage** | Action triggers |
|
|
| **Instances** | 7 across project |
|
|
|
|
## Variants
|
|
|
|
| Variant | Use Case |
|
|
|---------|----------|
|
|
| Primary | Main actions (submit, confirm) |
|
|
| Secondary | Alternative actions (cancel, back) |
|
|
| Destructive | Dangerous actions (delete, remove) |
|
|
| Ghost | Subtle actions (close, dismiss) |
|
|
|
|
## Sizes
|
|
|
|
| Size | Height | Padding | Font |
|
|
|------|--------|---------|------|
|
|
| sm | 32px | 8px 16px | 14px |
|
|
| md | 40px | 10px 20px | 16px |
|
|
| lg | 48px | 12px 24px | 18px |
|
|
|
|
---
|
|
|
|
*This is a teaching example for the WDS course.*
|