Skip to main content

Chassis v5.4.0

Download Chassis v5.4.0

Getting Started

Elements

Forms

Components

Utilities

Examples

Menu

Menus are vertical list of links or buttons for actions and navigation.

HTML

<ul class="ch-menu">
  <li class="ch-menu__title">Manufacturers</li>
  <li class="ch-menu__item">
    <a href="#">Volkswagen</a>
  </li>
  <li class="ch-menu__item">
    <a href="#">SEAT</a>
  </li>
  <li class="ch-menu__item">
    <a href="#">SKODA</a>
  </li>
</ul>

<ul class="ch-menu">
  <li class="ch-menu__title">Branches</li>
  <li class="ch-menu__item">
    <a href="#">Glasgow</a>
  </li>
  <li class="ch-menu__item">
    <a href="#">Edinburgh</a>
  </li>
  <li class="ch-menu__item">
    <a href="#">Dundee</a>
  </li>
</ul>