Tag

note

This component is intended for staff-facing use only.

Use a status tag in staff-facing tools to show the progress of a case through a workflow.

Status tags can be useful to show the condition of a team's workload at a glance. They are often presented in tables.

Use sentence case for the words inside a status tag.

New

Approved

In review

Overdue

Archived

<span class="govuk-tag lbh-tag">New</span>

<span class="govuk-tag lbh-tag lbh-tag--green">Approved</span>

<span class="govuk-tag lbh-tag lbh-tag--yellow">In review</span>

<span class="govuk-tag lbh-tag lbh-tag--red">Overdue</span>

<span class="govuk-tag lbh-tag lbh-tag--grey">Archived</span>