Metrics Section
Six metric cards with Solar duotone icons, a primary-color gradient, and configurable card and button corners.
Add to your project
Source is locked
All Access is $79/year and includes every pro component and block.
Works with your AI tools
Claude*
Codex*
Lovable
Base44
Figma Make
Replit*
Cursor*
v0* Compatible with most projects that use the default React/Next.js framework.
Built With
React
Tailwind CSSSolar IconsProps
| Prop | Type | Description |
|---|---|---|
primaryColor | string | Brand color used across the section. |
cornerRadius | number | string | Card and button corner radius. |
headline | string | Section heading. |
subcopy | string | Supporting text. |
ctaLabel | string | Action label. |
ctaHref | string | Action URL. |
metrics | Metric[] | Metric values, descriptions, and icons. |
className | string | Styles for the outer section. |