Stat
A number and its label. Tabular figures, a size select, and an optional prefix and suffix so 14+, .4M and 98% keep one baseline. Put four in a row for a numbers band.
Live preview
- 14Years in business
- $2.4MWork completed last year
- 98%Would hire again
- 640+Projects finished
- 14Years in business
- $2.4MWork completed last year
- 98%Would hire again
- 640+Projects finished
- 14Years in business
- $2.4MWork completed last year
- 98%Would hire again
- 640+Projects finished
What you can build with it
A number and its label, in a band of four. A single headline figure beside a paragraph. Results in a case study.
Props
number (text); prefix (text, optional); suffix (text, optional); label (text); size (select: large, medium, display)
States shown
None interactive.
How to change it
Content and options are 5 props in the component's settings panel. Colour, type, spacing and radius follow your Automatic.css settings, so a change to the site's palette or scale changes this too. For anything else, edit the classes in the Style Manager, starting with .stat.
ACSS tokens used
h1, h2, h3, text-s, text-dark-muted, primary-dark, grid-gap
ACSS requirements
ACSS 4 defaults. Nothing to switch on.
Version history
Version 1.0.0, September 17, 2026: First release.
Tested with
Etch 1.6.7 and ACSS 4.0.1. Version 1.0.0.
Free item
Create a free account and copy it straight into Etch.
Used an earlier version? How to update it
Want EtchPress for Bricks or the block editor?
Everything here is made for Etch. Pick the builder you use and leave your email: we write once, when EtchPress works there.