973 B
973 B
Component: Button
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 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.