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"
} %>