angularify.semantic.sidebar - sidebar directive for angular.js.
<sidebar button-class="#openSidebar">
<sidebar-item>
<h2 class="ui header inverted">
<div class="content">
Sidebar
<div class="sub header">Links and items</div>
</div>
</h2>
</sidebar-item>
<sidebar-link icon="home" title="home" href="#"></sidebar-link>
<sidebar-item-group title="other">
<sidebar-link title="contact" href="#"></sidebar-link>
<sidebar-link title="download" href="#"></sidebar-link>
</sidebar-item-group>
</sidebar>
<div class="pusher">
<button id="openSidebar" class="ui btn">Show sidebar</button>
</div>angular
.module('sidebarApp', ['angularify.semantic.sidebar'])
.controller('RootCtrl', RootCtrl);
function RootCtrl ($scope) {
$scope.isOpen = false;
}<sidebar> - can have following properties:
button-class- attach a selector that open the sidebar
<sidebar-group-item> - can have following properties:
title- group title
<sidebar-link> - can have following properties:
title- link texticon- icon namehref- link address
- Fork main repository.
- Make changes.
- Create issue.
- Send pull request.
- Thank you.
- Add more tests.
- Add different sidebar types.