1. Component Guide
  2. Big number
  3. With labels
Big number example

With labels

Labels for numbers are given inline styling but stacked using pseudo elements with display block. This is to bypass an issue with NVDA where block level elements are dictated separately.

How it looks (preview)

119   Open consultations

How to call this example

<%= render "govuk_publishing_components/components/big_number", {
  number: 119,
  label: "Open consultations"
} %>