Composites · Application UI
Metric stat
Label + large value + delta badge metric row.
@byronwade/foundation@byronwade/utils@phosphor-icons/react
Feature showcase
Installation
Features
7 examples
Default, Custom Value, Delta Directions, Grid Layout, Loading, No Delta, With Icon.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @phosphor-icons/react | npm | Installed from npm. |
Source and related
| File | Path |
|---|---|
| Component | registry/components/metric-stat.tsx |
| Default example | content/examples/metric-stat/default.tsx |
| Custom Value example | content/examples/metric-stat/custom-value.tsx |
| Delta Directions example | content/examples/metric-stat/delta-directions.tsx |
| Grid Layout example | content/examples/metric-stat/grid-layout.tsx |
| Loading example | content/examples/metric-stat/loading.tsx |
| No Delta example | content/examples/metric-stat/no-delta.tsx |
| With Icon example | content/examples/metric-stat/with-icon.tsx |