Rail Item

The Rail Item component is used to select the navigation path represented by the icon.

Code

<a href="/my-link" type="patch">
  <div class="backoffice-navigation-rail">
    <div class="backoffice-navigation-icon"><.icon name="file" /></div>
    <span>Menu Item</span>
  </div>
</a>
-- (active) --
<a href="/my-link" type="patch">
  <div class="backoffice-navigation-rail backoffice-navigation-rail-active">
    <div class="backoffice-navigation-icon"><.icon name="file" /></div>
    <span>Menu Item</span>
  </div>
</a>

Details

Attribute	Type	Description
.backoffice-navigation-rail	component	Class used for navigation rail component
.backoffice-navigation-icon	component	Class used for navigation icon
.backoffice-navigation-rail-active	modifier	Class used for active navigation rail style