2.2.1 • Published 7 years ago

@fauzankhan/angular-tabs v2.2.1

Weekly downloads
-
License
MIT
Repository
github
Last release
7 years ago

ngTabs


semantic-release

Description

An angular directive for creating tabs

Installation

  • Get the ngTabs.js, ngTabs.css from dist folder.

Usage

  • Make sure you include the ngTabs module 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