component.tabs
100% width tabbed content with some example media queries for smaller screens. Inspired by Responsive full width tabs
Example
Check out example/index.html
, the example javascript for the example page is resources/js/example_src.js
Installation
$ npm install periodicjs.component.tabs
The tab component is a browserify javascript module.
Usage
JavaScript
var ComponentTabs = myTabs;//initialize nav component after the dom has loadedwindow;
HTML
Your Page tab1 tab2 tab3 any html can go in here this is fully responsive <!-- /content --> <!-- /tabs -->
API
myNav; //show tab at index '1'
Development
Make sure you have grunt installed
$ npm install -g grunt-cli
Then run grunt watch
$ grunt watch
Notes
- The Tab Module uses Node's event Emitter for event handling.
- The Template Generator uses EJS, but you can generate your own mark up
- The less file is located in
resources/stylesheets