@vcl/vcl
Version:
The whole VCL in one package
53 lines (51 loc) • 2.41 kB
HTML
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css">
<nav class="navigation">
<ul role="presentation">
<li class="navigation-item" aria-selected="false" tabindex="0">
<a class="navigation-item-label icogram" href="#" tabindex="-1">
<span class="icon fas fa-chevron-down" aria-hidden="true" aria-label="chevron-down" role="img"></span>
<span class="text">Level 1 item</span>
</a>
</li>
<li class="navigation-item" aria-selected="false" tabindex="0">
<a class="navigation-item-label row icogram" href="#" tabindex="-1">
<span class="icon fas fa-chevron-down" aria-hidden="true" aria-label="chevron-down" role="img"></span>
<span class="text flex">Level 1 item opened</span>
</a>
<nav class="navigation">
<ul>
<li class="navigation-item" aria-selected="false" tabindex="0">
<a class="navigation-item-label icogram" href="#" tabindex="-1">
<span class="icon fas fa-chevron-down" aria-hidden="true" aria-label="chevron-down" role="img"></span>
<span class="text">Level 2 item opened</span>
</a>
<nav class="navigation">
<ul>
<li class="navigation-item" aria-selected="false" tabindex="0">
<a class="navigation-item-label icogram" href="#" tabindex="-1">
<span class="text">Level 3 item</span>
</a>
</li>
<li class="navigation-item" aria-selected="false" tabindex="0">
<a class="navigation-item-label icogram" href="#" tabindex="-1">
<span class="text">Level 3 item</span>
</a>
</li>
<li class="navigation-item disabled" aria-selected="false" tabindex="-1">
<a class="navigation-item-label icogram" href="#" tabindex="-1">
<span class="text">Level 3 disabled item</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="navigation-item selected" aria-selected="true" tabindex="0">
<a class="navigation-item-label icogram" href="#" tabindex="-1">
<span class="text">Selected level 2 item</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>