# 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.*