Navegación lateral
Este componente está pensado para la navegación de secciones internas del menú principal, y debe ubicarse en la columna lateral del sitio.
HTML
<!-- Navegación lateral -->
<nav class="udec-navigation-side" role="navigation" aria-label="Menú lateral">
<h3 class="udec-navigation-side__title">
<a href="#" class="udec-sidebar-parent-link">Título de la sección</a>
</h3>
<button type="button" class="udec-navigation-side__toggler-mobile-nav"></button>
<ul class="udec-navigation-side__menu">
<li class="udec-navigation-side__item">
<a class="udec-navigation-side__link" href="#">Sobre la Corporación</a>
</li>
<li class="udec-navigation-side__item">
<a class="udec-navigation-side__link" href="#">Historia</a>
<ul class="udec-navigation-side__menu--submenu">
<li class="udec-navigation-side__item current-menu-item">
<a class="udec-navigation-side__link" href="#">Comité Pro UdeC</a>
</li>
<li class="udec-navigation-side__item">
<a class="udec-navigation-side__link" href="#">Primeras carreras</a>
</li>
<li class="udec-navigation-side__item">
<a class="udec-navigation-side__link" href="#">Campanil</a>
</li>
<li class="udec-navigation-side__item">
<a class="udec-navigation-side__link" href="#">Rectores</a>
</li>
</ul>
</li>
<li class="udec-navigation-side__item">
<a class="udec-navigation-side__link" href="#">Organización</a>
</li>
<li class="udec-navigation-side__item">
<a class="udec-navigation-side__link" href="#">Campus</a>
</li>
<li class="udec-navigation-side__item">
<a class="udec-navigation-side__link" href="#">Reparticiones</a>
</li>
<li class="udec-navigation-side__item">
<a class="udec-navigation-side__link" href="#">Directorio de autoridades</a>
</li>
<li class="udec-navigation-side__item">
<a class="udec-navigation-side__link" href="#">Símbolos universitarios</a>
</li>
</ul>
</nav>