Skip to content

Latest commit

 

History

History
28 lines (21 loc) · 843 Bytes

README.md

File metadata and controls

28 lines (21 loc) · 843 Bytes

Sidebar directive AngularJS

image demo sidebar

Directive created to give agility in the construction of a simple sidebar

Directive

<sidebar id="sidebar1" size="50%" position="right">
  <ul>
    <li>is a item</li>
    <li>is a item</li>
    <li>is a item</li>
  </ul>
</sidebar>

<!--add a button with the same id of sidebar-->
<button sidebar-open="sidebar1">sidebar left</button>

Documentation

Parameter Description Value required
id Same button name with id inside function toggleSidebar('ID') String yes
size Set width of the sidebar 100px, 100%, 100, 100vw yes
position Set position of the sidebar String left or right yes