Tab

Preview


Personal Info
Security
Payment

Coding


js <script defer>

import { Tab } from 'gadjet/dist/module/gadjet.bundle.js';

Tab.define('el-tab');
Tab.tagStyle({
    tabColor: '#ccc',
    hoverColor: '#ddd',
    activeColor: 'blue',
    separatorLineColor: 'black',
    separatorLineWidth: '1px',
})

html

<el-tab>
    <div>Personal Info</div>
    <div>Security</div>
    <div>Payment</div>
</el-tab>

Element API


fn setupTab(): void

Setup javascript and event for tabs. Should be called if tab elements has been modified.
gadjet
Getting Started Style Portion UI