KAP.TABS

Kap.tabs is nothing more but simple tabs. No powerful configuration, no powerful features.

BUT

Features

• Module weights only 1.47 kB. Perfect. (Yeah, npm may show you more, but it's cause of README. Don't look at that)
• If you don't need such a hard tabs, you can use and don't give a damn about the downloading page

Installation

npm i kap-tabs

Nothing more

Usage

import tabs from 'tabs';
tabs(tabsSelector, contentSelector, parentSelector, activeClass);

Configuration

Parameter	Meaning
tabsSelector	Selector, which defines on what do you click to change tabs
contentSelector	Selector, which defines where located content of each tab
parentSelector	Selector of parent element
activeClass	Certain CLASS, which defines the active tab

WARNING

Your CSS files must contain next classes:

• show
  For example:

    show{
        opacity: 1;
        display: block;
        visibility: visible;
    }
  

• hide
  For example:

    hide{
        opacity: 0;
        display: none;
        visability: hidden;
    }
  

• fade (Not necessary)
  For example:

    .fade{
        animation-name: fade;
        animation-duration: 1.5s;
    }
    @keyframes fade{
        from{
            opacity: 0.1;
        }
        to{
            opacity: 1;
        }
    }
  

Support

• Make pull requests in case of suggestions: https://github.com/kapiernik/kap-tabs
• Write on my email: kapiernik27@gmail.com

License

The project is licensed under the MIT license.