Text Input

Interactive Demo

Component Variations

There are two text input variations.

1. Text Input

Text Input allows the user to enter a single line of text. It is commonly used in forms and other applications where the user needs to enter a small amount of text.

2. Text Area

Text Area is a text input that allows the user to input or edit multiple lines of text. It is commonly used in forms, messaging applications, and other applications where the user needs to enter a large amount of text.

What’s New

1. Updated text input to follow 8x system by decreasing the height to 48px and border updated to pass color contrast
2. Updated placeholder text usage
3. New focus state applied to text input

See full release notes