Components

Input

Let users enter and edit a single line of text.

Email address

Overview

Use inputs for short, single-line entries such as names, emails, or postal codes
Always pair the input with a visible label
Surface validation errors below the field once the user has interacted with it
For longer, multi-line entries use the Textarea instead

Figma

Dr. Max Library (Figma)