1.1.3 • Published 3 years ago

kap-tabs v1.1.3

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

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

ParameterMeaning
tabsSelectorSelector, which defines on what do you click to change tabs
contentSelectorSelector, which defines where located content of each tab
parentSelectorSelector of parent element
activeClassCertain 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

License

The project is licensed under the MIT license.

1.1.3

3 years ago

1.1.2

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago