Tabs module for es6
Features
- Nested tabs
- Lazy load
- No dependencies
- ES2015 support (use babel)
if you need IE9 support, it should work (i didn't test yet) with classList polyfill
if you need es5 support use tabs.es5.js version
use browserify with babelify extension
there's also gulp version
Install
npm
npm i -S future-tabs
bower
bower i -S future-tabs
Markup
group tabs with tabs
block, internal structure does not matter
tab 1 tab 2 tab 1 content tab 2 content
Lazy Load
tab 1 tab 2 tab 1 content preloader
Simple usage
;;
or
Extended usage
;const tabs = document;
or
;const tabsDiv = document;tabsDiv 'tabs'; // 'tabs' here is _bem block class name
Destroy
const tabs = DOMElement;tabs;
if you want to init again just do
tabs;
If you don't use commonjs build system (like browserify or webpack) you should add this before script
Build
gulp
todo
- tests
Changelog
1.3.2
- add destroy method #5
1.3.0
- add nested tabs
1.2.1
- xhr error output to console
1.2.0
- add lazy load
1.1.0
- block class name (prefix) can be set
1.0.0
- you are welcome to use it and contribute