Skip to main content
Skip table of contents

Stats component

Statistics are a big weapon in Shelter's fight to end the housing emergency. Powerful numbers from our research need to be used consistently throughout our campaigning. So our websites need a visually strong way to express them.

The stats component lets us create stats in groups of 3 (as a line) or 4 (as a grid).

For each stat we can include a title, subtitle and text, or any combination of these. This example uses all three fields:

image-20240918-084002.png

This example uses title and subtitle fields only:

image-20240918-084338.png

Here we use only the title and text:

image-20240918-084155.png

And this uses only text:

image-20240918-084702.png

The text field also allows for hyperlinks.

To create the stats component

  1. Use Add entry and select Component – Stats

  2. Name – this is the system name seen in Contentful

  3. Display type – select Line or Grid

  4. For each of the stats (between 2 and 4), you can enter:

    1. Title

    2. Subtitle

    3. Text – there's no character limit but be concise

5. Remove margin bottom – select ‘Yes’ if you want to remove the 40-pixel white padding below the stats

6. Publish your stats and add them to pages

Any questions? Email Lindsay Foley in the Central Digital team.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.