Skip to main content

An official website of the State of Maryland.

Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS
A lock ( ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

Statistic List

How to use a Statistic List

Statistic List is used to highlight key numbers or facts in a bold, visual way. Use statistics to show rankings, data points, percentages and more.

Learn How to Create a Page Component

Watch: How to Create a Statistic List

Learn how to create a statistic list.

Example: Statistic List

Welcome to the Old Line State, a destination where the "America in Miniature" spirit thrives from the rolling Appalachian foothills to the sun-drenched Atlantic coastline.

  • 7,000+

    Miles of picturesque coastline along the Chesapeake Bay and Atlantic Ocean

  • 3,118'

    Elevation of Hoye-Crest on Backbone Mountain

  • 18

    Scenic byways traversing America in Miniature

  • 100K+

    Acres of pristine wilderness

Required fields

1. Title – 75 characters max

2. Statistic

You can add up to 4 statistics total.

3. Text

Text is entered as a statistic (e.g., “50%”, “1M”)

Tip: Use abbreviations for large numbers (e.g., “1M” instead of “1,000,000”) 

Optional fields

Statistic description –160 characters max

The Statistic Description provides additional context for the Statistic as a whole . You can include links in the description.

Tip: Hide the Title of a Statistic List when the context is already clear from the surrounding content. 

2. More link – 50 characters max

Use the optional “More” link field to direct users to additional information  on another page on the site. 

When to consider something else

Use a Statistic List for quick, visual data points. Choose another component when your content needs more space, structure, or storytelling. 

  • Use an Icon List  when highlighting features or benefits (not numbers).

  • Use a Step List if you want to show steps or a process.

Get support

Ask questions about the Maryland Drupal CMS, Maryland Web Design System (MDWDS), accessibility, plain language, and more.

Get support