Tag styles

Style rules

Base tags have 4px padding top and bottom and 8px padding on the left and right.

When borders are applied to tags the padding is adjusted to incorporate the width of the border. e.g. applying a 2px border reduces the padding to 2px top and bottom and 6px on the left and right.

Base tags

Current financial year (2022-2023)

Previous financial year (2021-2022)

Blue tag example

Red tag example

Purple tag

Teal tag

Current financial year (2022-2023)

Previous financial year (2021-2022)

Blue tag example

Red tag example

Purple tag

Teal tag

Tags with small icons

Open

Coming soon

Closed

Service area Australia wide

Checklist

Tool

Expires in less than 3 hours

Tags with large text and icons

Open

Coming soon

Closed

Tags with reduced padding

Open

Coming soon

Closed

Design specifications

Call to action toast notification

Pops up like cooked bread in a toaster.

Toasts can be left aligned or centered depending on the page context.

Toast notification

Pops up like cooked bread in a toaster.

Toasts can be left aligned or centered depending on the page context.

Changes to this contract are being autosaved.