Skip to content
IndexDesign corpus

Text Input

93 resources ship this component · Inputs

Also called: text field, textfield, input, textbox, field text, inputtext, single-line input, string input, form input.

Before you ship6 checks
  1. 01Input field — Interactive text field for user to enter their data into
  2. 02Label — Stating what information the user is meant to provide
  3. 03Placeholder text — Text inside the input field acting as an example of what you want the user to enter
  4. 04Data format — Set text fields to allow the relevant text values e.g. numeric only for phone number
  5. 05Illustration or icon — A visual cue can help break up a long list of text fields
  6. 06Hint — Elaborate on the title of the text field incase a user struggles to know what to enter

Checks from checklist.design, MIT.

Ships it93