Components
Input Field
componentformtextinteractionaccessibility
A text entry area where users provide data — the core of any form.
When to use
- Any time you need freeform text from a user
- Search bars, login forms, settings fields
- Always pair with a visible label — never rely on placeholder text alone
Examples
- Email + password fields on a sign-in form
- Search input with icon prefix
See this in the wild
Analyze a site and look for input field in the breakdown.
