Skip to main content

Official Website

of the Commonwealth of Pennsylvania

    The .gov means its official.

    Local, state, and federal government websites often end in .gov. Commonwealth of Pennsylvania government websites and email systems use "pennsylvania.gov" or "pa.gov" at the end of the address. Before sharing sensitive or personal information, make sure you're on an official state website. 
    AEM Components

    Stat Grid Component

    The Stat Grid Component is a static AEM component that presents key information in a structured grid layout, ideal for highlighting statistics, features, or benefits. Each item in the grid includes a title, an optional brief description, and an optional CTA label to drive user engagement or guide next actions. The component is fully responsive and visually balanced, making it suitable for dashboards, landing pages, or content sections that require clear, scannable data presentation.

    Overview

    Component name: Stat Grid

    Authors who can use: any

    Templates/page types that can use component: all

    Required or optional: optional

    Authoring Fields

    Adding the Stat Grid component to the page

    Once on the desired page in Edit mode, add the Stat Grid by doing the following:

    Option 1: Double click on “Drag components here.” A modal titled “Insert New Component” will pop up. Type “Stat Grid” in the search bar, or scroll to the Stat Grid in the list. Double click to add to page.

    Option 2: On the left hand rail, navigate to the Components tab. Type “Stat Grid” in the search bar, or scroll to the Stat Grid in the list. Double click to add to page.

    Editing the Stat Grid component

    1. With the edit wrench, open the component.

    2. Authoring Dialog

    a. Headline: Enter a Headline (optional)

    b. Heading Level: Use the dropdown to select which Heading Level to display (optional, H2 on default)

    c. Headline Description: Enter a Descripiton to appear below the Headline (optional)

    d. Stat Title: Enter a Title (required)

    e. Stat Descripiton: Enter a Description to display below the Stat Title (required)

    f. CTA Link: Use the pathfinder or enter in an internal or external link (optional)

    g. CTA Label: Enter a CTA Label for the CTA Link authored (not required but recommended with a CTA Link authored)

    Continue to "Add" to meet your desired grid layout

    Accessibility

    There are no specific accessibility notes for this component.

    Other tips

    This is a static component. Authors will need to manually update each grid item.