Stat. A prominent metric with context and trend.
- Technical content
- Static
- Stability · Initial
- ::postkit-stat
- Content reused across channels
- 84%
- ↑ 12% this quarter
- Across web, email, and syndication feeds.
Usage.
<Stat
value="84%"
label="Content reused across channels"
trend="↑ 12% this quarter"
description="Across web, email, and syndication feeds."
/>Props. Always in step with the code.
| Prop | Type | Default | Description |
|---|---|---|---|
| valueRequired | string | None | The displayed metric value. |
| labelRequired | string | None | The metric label. |
| trend | string | None | The metric trend. |
| description | string | None | Supporting metric context. |
| Appearance | |||
| size | "sm" | "md" | "lg" | "md" | The component density and type scale. |
| variant | "outline" | "subtle" | "plain" | "subtle" | The component visual treatment. |
Every component also takes unstyled and the part-styling props. Change a default for your whole site with defaults in createPostkit. Part styles
Anatomy. Every part is yours to restyle.
Every part
- root
- value
- label
- trend
- description
Renderers. One component, everywhere you publish.
- Headless @postkit/reactSupported
- Chakra @postkit/chakraSupported
- Email @postkit/emailSupported
- Astro @postkit/astroStatic
- Web components @postkit/elementsPlanned