43 lines
958 B
Markdown
43 lines
958 B
Markdown
# 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.*
|