DESIGN SYSTEM

Text Fields

What is a text Field?

A .text-field is a field that allows you to input text into it. They are usually seen in forms or anywhere text input is needed.

Field
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Field with Label
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Field with Placeholder
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Field with Label and Placeholder
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Field Read-Only
Read only
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Field Disabled
Read only
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Field Required, Text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Field Required, Asterisk
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.