Skip to main content

Input - Email

An email input is a single-line text field with behaviors to support email functionality.

BetaInput - Email replaces the email type of input from v1.

Code documentation

Web

Anatomy

The email input component is made up of 13 elements.

Anatomy diagram numbering 13 elements of an email input.
  1. Label
  2. Optional indicator
  3. Right slot
  4. Counter
  5. Clear button
  6. Value
  7. Left slot
  8. Helper text
  9. Required indicator
  10. Current value length
  11. Max value length
  12. Counter divider
  13. Error text

Variants

Email input extends the input component which allows for the use of its properties, events, slots, methods, and styles. Refer to the input documentation for detailed information on these features.