Info Group Section
Use Info Group to display 2 to 5 items as a set of highlights. Each item can be a stat, a feature, or a short promise.
Best use cases
- “Why choose us” highlights
- Key stats (inventory size, years in business, warranties)
- Process steps when you want a numbered flow
What you need before you start
- The 2 to 5 items you want to show
- A decision on icons vs no icons
- A decision on one-row vs two-column layout
Section-level fields and how to fill them
Content above items (optional)
- Show content above items: enable if you want a heading or intro
- Content: add a short heading and one line of context
Layout
- Desktop layout: one column (row) or two columns (stacked)
Guidance:
- One column works best for short items and stats.
- Two columns works best for longer descriptions.
Size (one column layout)
If you are using one column layout, size controls how many items fit per row.
Practical guidance:
- Use large when items contain more text.
- Use small when items are short.
Include count
- Include count: adds a sequential number next to each item.
Use this when:
- You are describing steps or a process.
Colors
- Background color
- Text color
Item fields (each info item)
Each item typically includes:
- Card content: the item’s text
- Optional icon
- Optional per-item background and text colors
Writing tips:
- Keep each item to one idea.
- If you are using a number as a stat, place it first.
Icon guidance:
- Use icons to help scanning.
- Keep icon style consistent across items.
Validation and common issues
- You must have at least 2 items and no more than 5.
- If an icon is enabled for an item, make sure the icon is set.
Recommended configurations
- Stats row: one column layout, 3 items, no count
- Steps: include count enabled, 3 to 5 items, short copy per item