Text Input

Inputs allow users to enter a short string of information into a form.
Demo and Developer Guidelines

Anatomy

Label

Labels are title case without punctuation and contain a single noun or noun phrase (labels do not contain verbs). See the Field Label Glossary for common labels and their use cases.

Placeholder/Value

Input placeholder text is sentence case without punctuation. All select placeholder text says, “Enter [item]” where the item often refers to the input’s label. The placeholder disappears once a user starts typing in the input.

Error

Types

States

Behavior

Specifications

Styling