Text Field

An input field is a user interface component that enables users to enter or modify text.

Anatomy

Basic

Boosted

States

Content

• Field label text above the input area should be short and concise.
• In helper text, provide examples or specific syntax for the input, rather than in the input area, so that it's visible after text has been entered. Only use this where clarification is required; try not to overuse it.