CSS only · 1.0.0
stat
Premium KPI/stat tile: label (+icon), big value, delta up/down, optional trend slot that composes an ng-chart (sparkline or ng-chart-js area/line). SCSS-only: the inner chart carries its own JS. Structure: .ng-stat > .ng-stat-head (.ng-stat-label + icon) > .ng-stat-row (.ng-stat-value + .ng-stat-delta.up|.down) > .ng-stat-chart (an .ng-chart-* inside) Modifier: .compact.
Component info
| Name | Stat (KPI tile) |
|---|---|
| Type | css |
| Version | 1.0.0 |
| Status | css |
| CSS | /assets/css/components/_ng_stat.scss |
Classes
.ng-chart-.ng-stat.ng-stat-chart.ng-stat-delta.ng-stat-head.ng-stat-label.ng-stat-row.ng-stat-value Tokens
--ng-stat-value-size