Eyebrow and rail number
The small labels that start a section: an eyebrow names it, and a rail number places it in the sequence.
01·Rail
Controls
Code
import { RailNo } from "@/components/ui/kit/ui";
<RailNo number="01" label="Rail" />Every state
Section label
01·Rail
Usage
Tokens it uses
| --muted | … |
|---|---|
| --ink | … |
| --font-label | … |
| --font-data | … |
Values are read live from the stylesheet, so they follow the site theme.