Waiting for action
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Dashboard metric tile with label, headline value, optional trend, comparison text, and a Font Awesome icon badge.
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Metric title such as Total Contacts. |
value | string | — | Primary metric value. |
icon | string | — | Font Awesome catalog icon name. |
tone | "purple" | "blue" | "blue" | Neon glass accent colour. |
trendValue | string | — | Delta label such as 12.5%. |
trend | "up" | "down" | — | Trend direction for colour and arrow. |
comparison | string | — | Supporting period copy such as vs last 30 days. |
onClick | () => void | — | Optional click handler. |
