Skip to content

Latest commit

 

History

History
executable file
·
21 lines (16 loc) · 586 Bytes

README.md

File metadata and controls

executable file
·
21 lines (16 loc) · 586 Bytes
Raw

Introduction

Simple side navigation.

Usages

 1. Basic structure. To make sidenav active, add class is-active to the shapla-sidenav container. To change sidenav position, add css class shapla-sidenav--{POSITION} replacing {POSITION} with left, right, top or bottom.

<div class="shapla-sidenav shapla-sidenav--left" style="--shapla-side-navigation-width:300px">
  <div class="shapla-sidenav__background"></div>
  <div class="shapla-sidenav__body">
    <div class="shapla-sidenav__content">
      <!-- Nav Content -->
    </div>
  </div>
</div>