Metric rows
Aligned values with their caveats.
Metrics
Matched visual intent across variants
Good 10 measured command rounds
After static extraction and pruning
Good Chromium trace sample
Complete chart presentation
Illustrative component data. Follow the product link for measured benchmark results.
| Metric | Value | Detail |
|---|---|---|
| Fixture | dashboard | |
| Median build | 148 ms Good | 10 measured rounds |
| Warm rebuild | 28 ms Good | single class edit |
| Generated rules | 1,284 | after pruning |
| Long tasks | 0 Good | Chromium trace sample |
Used on the benchmarks.
Usage and interface
BenchmarkMetrics presents a short summary as a native definition list. Each metric supplies label, value, optional detail, and optional tone. Values use tabular numerals; supporting details move below the value in a narrow container.
<BenchmarkMetrics metrics={[ { label: 'Median', value: '12.5 ms', detail: '3 illustrative samples' }, { label: 'Generated rules', value: '1,284' }]} />Keep units in the value and explain the sample context beside the summary. A tone adds emphasis; it does not establish a measurement or a statistical conclusion. Use BenchmarkMetricTable when a complete comparison needs table headers and columns. Neither component changes the recorded data.
See all chart patterns and the measured benchmark fixtures.