Skip to main content

Components

Tag

Tag is a label that can be used to categorize items or communicate progress, status, or process. Tags can provide users with a quicker overview of content.

We are working to improve the accessibility documentation for this component. If you have questions or see something that should be prioritised, please contact us on Github or Slack.

If you are displaying several Tag components together, we recommend using a <ul> list with one <li> per Tag. This ensures that they are announced as a list rather than as one continuous sentence, providing a better experience for users of assistive technologies.

Edit this page on github.com (opens in a new tab)