simple-responsive-tab v1.1.0

Simple JavaScript Responsive Tab

This is simple javascript responsive tab which optimizes horizontal or vertical tab to accordion.

Features

• Tabs and accordion
• Tabs and accordion are created by JavaScript
• Cross browser compatibility (IE8+, Chrome, Firefox, Safari)

For Importing File

import { ResponsiveTab } from 'simple-responsive-tab/dist/responsivetab';

How to use

=> Include responsivetab.js and responsivetab.scss or responsivetab.css. Here is the Markup for Tabs structure

        <div id="responsiveTabs">
            <ul>
                <li class="active"><a href="#tab-1">TAB 1</a></li>
                <li><a href="#tab-2">TAB 2</a></li>
                <li><a href="#tab-3">TAB 3</a></li>
            </ul>

            <div id="tab-1" class="tab-content active">
                <h3 class="tab-heading">TAB 1 <i class="icon-arrow-1-down"></i></h3>
                <div class="tab-inner">Tab 1 Content</div>
            </div>
            <div id="tab-2" class="tab-content">
                <h3 class="tab-heading">TAB 2 <i class="icon-arrow-1-down"></i></h3>
                <div class="tab-inner">
                    TAB 2 Content
                </div>
            </div>
            <div id="tab-3" class="tab-content">
                <h3 class="tab-heading">TAB 3 <i class="icon-arrow-1-down"></i></h3>
                <div class="tab-inner">
                    TAB 3 Content
                </div>
            </div>
        </div>

=> call the simple responsive tab function

    const responsiveTabAccord = new ResponsiveTab();
    responsiveTabAccord.responsiveTabMdl();

Notice

=> If you want to use this module for simple HTML site, just remove export { ResponsiveTab }; from responsivetab.js.

For any support

Ankit Parmar Email: ankitparmar14190@gmail.com