Input

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

Anatomy

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.

Placeholder character count limit: 30

Types

States

Behavior

Specifications

Styling