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
  • Patrick De Young avatar picture
  • Hannah J. Nicdao avatar picture
  • Trevor Brennan avatar picture
  • Dominik Wilkowski avatar picture
  • Simon Pascal Klein avatar picture
  • Alexander Sadleir avatar picture
  • Petra Gulicher avatar picture
  • Gary Broadbent avatar picture
  • Julian Fleetwood avatar picture
  • Alex Page avatar picture

Colour impairment

How the text inputs are viewed with various colour blindnesses

Example

Grayscale

How the text inputs are viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with tags.

Example

Screen readers

[Heading level 2] Tags.

[List 3 items].

[link] foo, [link] bar, [link] baz.

How the tags demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback