Design system · Component review 23

Benchmark source

A chart’s provenance should be easy to find without taking over the measured result. This optional source line complements the Guide’s complete data-source table.

Adopted shared style: BenchmarkSource now uses the refined evidence footer. The published Guide keeps its complete source table.

Source treatments

Each version points to the same committed benchmark snapshot. The date comes from its actual JSON metadata.

01

Original Guide

Full data-sources table

SuiteSnapshotRegenerate
Static CSS output, structure, and production buildtailwind-static-comparison/snapshot.jsonpnpm --filter ./benchmarks bench:css-output-size, pnpm --filter ./benchmarks bench:build-performance, pnpm --filter ./benchmarks bench:css-structure, then pnpm --filter ./benchmarks snapshot:tailwind-static-comparison

The Guide lists the suite, committed snapshot and command in a complete source inventory. That table remains the authoritative reference.

02

Previous shared

Compact source line

Recorded Committed snapshot

The previous component paired a recorded date and source link, suitable for a nearby chart caption or data panel.

03

Adopted

Refined evidence footer

EvidenceCommitted snapshotRecorded

The adopted shared style makes provenance easier to spot with a quiet Evidence label, a stronger source link and a tabular date.

Actual Guide source

The published data-sources section lists this snapshot with its regeneration commands and the limits of the measurements.

Open /guide/benchmarks
SuiteSnapshotRegenerate
Static CSS output, structure, and production buildtailwind-static-comparison/snapshot.jsonpnpm --filter ./benchmarks bench:css-output-size, pnpm --filter ./benchmarks bench:build-performance, pnpm --filter ./benchmarks bench:css-structure, then pnpm --filter ./benchmarks snapshot:tailwind-static-comparison

The source footer does not replace the Guide’s full methodology or source table.