Skip to main content

Input - URL

A URL input is a single-line text field with behaviors to support URL functionality.

BetaInput - URL replaces the URL type of input from v1.

Code documentation

Web

Anatomy

The URL input component is made up of 13 elements.

Anatomy diagram numbering 13 elements of a URL 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

URL 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.