Sidebar directive AngularJS

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