Back to the list

Tabs

Add tabs to display only certain informations.

File to include

@import "components/tabs";

Script to include

<script src="/lib/tabs.js"></script>

Content tab 1

Content tab 2

Content tab 3

<div class="tabs">
    <p class="tab" data-title="Tab 1">
        Content tab 1
    </p>

    <p class="tab" data-title="Tab 2">
        Content tab 2
    </p>

    <p class="tab" data-title="Tab 3">
        Content tab 3
    </p>
</div>

Attributes

Name Example value Possible values Default Required
data-title (tab-item) Tab - Title Yes