Pill

Also known as

Tag, Chip, Badge

Pill is a small visual element that can contain descriptive text and an icon. You can use pills to label, tag or categorize content. With pills, users can trigger actions, make selections or filter results.

KeyFunction
Enter / Space
  • When focus is on the pill, this action activates it.
Tab
  • Tab sets focus on the entire pill.
  • When the pill has focus, Tab moves focus out of the pill to next component in tab order.
Shift + Tab
  • When the pill has focus, this action moves focus out of the pill to the previous component in the tab order.