A field with something attached: a prefix, a unit, a symbol or a small button.

When to use

  • A currency or unit beside a number: $, kg, %.
  • A country code before a phone number.
  • A clear or scan button inside a field.

Best practices

  • Add-ons are part of the field’s surface; keep them short and quiet.
  • Buttons inside a field have accessible labels.

Avoid

Long text in an add-on. It belongs in the label.