Tags

v5.0.0

Tags are a means of classifying content, typically using keywords or labels. They are added to a web page, an asset or other content to help users search for and find related content quickly and easily.

Released

History
View changes
Install
npm i @gold.au/tags
Tags
Requires
Contributors
  • Simon Pascal Klein avatar picture
  • Alex Page avatar picture
  • Julian Fleetwood avatar picture
  • Alexander Sadleir avatar picture
  • Hannah J. Nicdao avatar picture
  • Dominik Wilkowski avatar picture
  • Gary Broadbent avatar picture
  • Patrick De Young avatar picture
  • Trevor Brennan avatar picture
  • Petra Gulicher avatar picture

Borders

We’ve used borders with our tags to create visual distinctiveness and separate them from standard links.

Deprecated Definition List

Previous versions of the tags component had shown examples of the tags listed using a Description List <dl>. Expert accessibility advice has recommended that the use of Description Lists should be restricted to lists of terms and their descriptions.

It is now recommended to use an Unordered List <ul> and a heading to introduce the purpose of the list.

Related components

Feedback