# Component: Input

**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 text input.

---

## Component Overview

| Property | Value |
|----------|-------|
| **Name** | Input |
| **Category** | Core Components |
| **Usage** | Text entry |
| **Instances** | Multiple across forms |

## Variants

| Variant | Use Case |
|---------|----------|
| Text | Standard text input |
| Password | Masked input with visibility toggle |
| Search | With search icon and clear button |
| Textarea | Multi-line text entry |

## States

| State | Visual |
|-------|--------|
| Default | Gray border |
| Focused | Blue border |
| Error | Red border + error message |
| Disabled | Muted background, no interaction |

---

*This is a teaching example for the WDS course.*