/Short input field

Short input field

Single-line text input for names, codes, titles and other compact answers.

What it does#

The Short input field is a single-line text input. It's the most-used field on most forms — anything that fits comfortably on one line goes here: names, codes, short titles, ID numbers, postal codes.

When to use it#

  • Names (first name, last name, full name, company name).
  • Reference numbers (order ID, invoice number, ticket ID).
  • Short titles (job title, subject line).
  • Anything where a longer answer would just be noise.

Settings#

  • Required — block the form from advancing until the field is filled.
  • Placeholder — greyed-out hint shown until the respondent types.
  • Default value — pre-fill the field with text or a variable.
  • Min / Max length — limit how short or long an answer can be.
  • Half-width — pair two short inputs side-by-side on desktop.

Example#

On a contact form, the Short input is the right pick for "Full name" and "Company". Pair them side-by-side using the Half-width toggle so they share a single row on desktop and stack on mobile.

  • Long input — when one line isn't enough room.
  • Email — when you specifically want to validate an email address.
  • Phone — for international phone numbers with country code.