template
gy-rail
Tier-4 side-rail template: locked-geometry chrome with 3 named slots (top, sections, bottom). LAYOUT ONLY — consumers plug nav into slots without dragging route awareness or data-graph coupling. Compact variant collapses width + padding for icon-only mode.
Live
What you ship.
Markup
<gy-rail>
<gy-section-h slot="top">Direction</gy-section-h>
<nav slot="sections">
<gy-list-row href="/home">Home</gy-list-row>
<gy-list-row href="/operate">Operate</gy-list-row>
</nav>
<gy-version-badge slot="bottom" version="v0.18.521"></gy-version-badge>
</gy-rail>Prop space
Tier
Tag
| Prop | Type | Default | Description |
|---|---|---|---|
compact | boolean | false | Compact width variant — `--rail-width-compact`, icons-only. |
Slots: top,sections,bottom.
Where this lives
import '@gyrum-labs/components/rail/rail.js';