2.2.1 • Published 8 years ago
@fauzankhan/angular-tabs v2.2.1
ngTabs
Description
An angular directive for creating tabs
Installation
- Get the ngTabs.js, ngTabs.css from dist folder.
 
Usage
- Make sure you include the  
ngTabsmodule in you angular app: 
angular.module('myApp', ['ngTabs']);- once you've added the module in your app. Use the code below to get the tabs up and running:
 
<ul class="tab-nav" tab-nav data-tab-group="tabs-demo">
      <li><a class="active"  data-target-tab="tab-1">Tab#1</a></li>
      <li><a data-target-tab="tab-2">Tab#2</a></li>
      <li><a data-target-tab="tab-3">Tab#3</a></li>
</ul>
<div class="tabs-panels">
	<div class="tab-panel" data-tab-group="tabs-demo" data-tab-name="tab-1">
		<!--  Tab 1 content goes here-->
	</div>
	<div class="tab-panel" data-tab-group="tabs-demo" data-tab-name="tab-2">
		<!--  Tab 2 content goes here-->
	</div>
	<div class="tab-panel" data-tab-group="tabs-demo" data-tab-name="tab-3">
		<!--  Tab 3 content goes here-->
	</div>
</div>###Demo visit http://fauzankhan.github.io/angular-tabs/ to see the directive in action