Components / furniture
SpecLabel
Uppercase Tracked Micro-Label for Metadata
01 Preview
02 Usage
Micro-label for metadata: dates, refs, indices, versions. Not coordinates — the register is engineering document, not terminal readout.
<SpecLabel>LAST UPDATED 2026-07-17</SpecLabel>
<SpecLabel tone="accent">REF. A-04</SpecLabel>Tones: faint (default) | body | accent.
03 Props
| Prop | Type | Default | Notes |
|---|---|---|---|
| tone | 'faint' | 'body' | 'accent' |
faint |
— |
| children* | React.ReactNode |
— | — |
Also accepts every attribute of React.HTMLAttributes<HTMLSpanElement> — they are spread onto the root element. className is merged, not replaced, and ref is forwarded.
04 Import
import { SpecLabel } from '@denizarsan/darsan.design';
import '@denizarsan/darsan.design/styles.css';