Back to All Modules

Numbers

Search (CSOL) Numbers in the CMS

Jump to Guidelines and Use Cases

Theme Options:

Module Preview
Module Preview

FAQ's

How To Use This Module

Display up to 12 Numbers highlighting interesting and distinct data points related to the topic of a page.

Use Cases

Number Display Types

Content creators can enter numbers in different formats: percentages (e.g., "75%"), fractions (e.g., "3/4"), or plain numbers (e.g., "232"). Percentages and fractions render as animated circular progress indicators, while plain numbers display as large statistics.

Item Content

Each number item includes a title with customizable semantic heading level, the number value (max 5 characters), and a description.

Animation

Circular progress indicators can be animated (default) or static, controlled by the `animate` field.

Layout Options

Optional rich text content can be displayed alongside the numbers, with configurable order (numbers first or content first).

Get on-brand assets for your module

Guidelines

Character Count

  • Limit stat to 3 characters, ideally (numbers like "1,000,000" don't fair well)
  • Limit optional top/bottom content to ~20 characters

Things to Know

  • Optional: top/bottom text content
  • Small numbers work best (percentages, etc.)
  • Carousel

Similar Modules

Graph

Create interactive data visualization graphs to delight and share insights.

What's New?

| v2.3.0 December 2023 - Adds optional rich text section