Skip to content

Tabs

Utilisation

html
<div x-tabs="firstTabId">
    <div>
        <div :class="{'active': isActive('firstTabId')}"
             @click="changeTab('firstTabId')">First tab</div>
        <div :class="{'active': isActive('secondTabId')}"
             @click="changeTab('secondTabId')">Second tab</div>
    </div>
    <div>
        <div :class="{'active': isActive('firstTabId')}">
            First tab content
        </div>
        <div :class="{'active': isActive('secondTabId')}">
            Second tab content
        </div>
    </div>
</div>