category: UIUX 360

Text Fields

Scroll Down
Text Fields

What is Text Fields?


Text fields allow users to enter text into the UI. They usually appear in forms and dialogues. Text field component design should provide a clear message for interaction, making the field searchable, efficient, and accessible to fill in the layout.

A text field is one of the most popular UI elements. Despite its relatively simple object, it can have various styles. The style of a text field can vary depending on the data it collects and the context in which it is used. In this article, I'll review seven popular types of text fields.

Text fields come in two types:

  • Filled text fileds
  • Outlined text fileds

Both types of text fields use a container to provide a clear conveyance for the dialogue, allowing the field to be positioned within the layout.

Work together

Boost your design scope with Think 360

Book a call with us and get the party started!

Book A Demo
Post views: 102