958 B
958 B
Component: Input
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 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.