A NSW Government website
Design System v3.2.0

Tags

Tags visually label or categorise content.

Figma React

Usage

Use tags to help label or categorise content for users using keywords or phrases. They can also be interactive and help users search for and navigate to content quickly and easily.

Tag types

  • Links - Link to category content
  • Text - Non interactive content category
  • Checkboxes - Make selections or filter results

When to avoid

Do not:

  • use to initiate an action, consider buttons
  • use to link to page content, consider text links
  • over use as this can cause confuse or create visual noise

Accessibility

All components are responsive and meet WCAG 2.1 AA accessibility guidelines.

Links

Text

Pre-discovery Discovery Alpha Beta Live

Checkboxes