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.

Direction

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 template
Tag gy-rail
PropTypeDefaultDescription
compact booleanfalseCompact width variant — `--rail-width-compact`, icons-only.

Slots: top,sections,bottom.

Where this lives

import '@gyrum-labs/components/rail/rail.js';
Owner
gyrum-ui
Build state
registered-and-built