🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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

Menu_Navigation Plugins

Documentation

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

You May Also Like