label rail accent metadata editorial metadata callouts in Tailwind cards side labels or annotations in editorial layouts small descriptive blocks that need more visual structure tiny content blocks need hierarchy without using a full border card badges alone are too weak for side metadata want a slim editorial accent that fits inside normal Tailwind markup
Label Rail
Fetch snippet JSON:
curl https://webspire.de/snippets/decorative/label-rail.json Research
Updated 2 days ago with revised interaction notes and content examples.
Background
Customize
Quick Start
<div class="label-rail text-sm text-slate-600"><p class="font-semibold text-slate-900">Research</p><p>Updated 2 days ago</p></div>Details
- Tailwind
- v4.x
- Browser
- baseline-2024
- Size
- 380 bytes · 17 lines
- Custom Properties
-
--label-rail-color--label-rail-width - Classes
-
.label-rail
label rail accent metadata editorial
A small editorial accent for metadata and side notes. It is useful when a whole card would be too much, but plain text still needs a little more structure and emphasis.