smarty-tabs v0.2.0

SmartyTabs

Demo https://codepen.io/Alebex/pen/EZpexa

HTML Layout

    <!-- Set init class name -->
    <div class="init-class">
    
        <!-- Navigation container -->
        <div class="smarty-controller">
            <ul class="smarty-controller__list">
                <li class="smarty-controller__item"> tab 1 </li>
                <li class="smarty-controller__item"> tab 2 </li>
            </ul> 
        </div>
        
        <!-- Navigation container -->
        <div class="smarty-content">
            <div class="smarty-content__item"> content block 1 </div>
            <div class="smarty-content__item"> content block 2 </div>
        </div>
        
    </div>

Initialize SmartyTabs

    import SmartyTabs from './smarty-tabs.js';
    
    SmartyTabs('initClass', {
        // config
    })

Parameters

Author: Alebex