Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.
Demo
States & Variations
Default
A custom text box with a label.
Floating label
A custom text box with a persistent floating label.
Password
A custom text box with a type of "password".
Disabled
A custom text box that is disabled.
Anatomy
- Text Box / Input
- Label
- Placeholder
![Textbox Anatomy](https://design.system1.com/wp-content/themes/s1-design-portal/dist/img/text-box-anatomy.png)