Tabs

Description

This page contains few examples of how to use Tabs component

Simple tabs

To create tabs just paste following code as is

<ul class="tab tab-block" data-tabs="tabs1">
    <li class="tab-item active">
        <a href="#">Music</a>
    </li>
    <li class="tab-item">
        <a href="#">Playlists</a>
    </li>
    <li class="tab-item">
        <a href="#">Radio</a>
    </li>
    <li class="tab-item">
        <a href="#">Connect</a>
    </li>
</ul>

<ul data-tabs-content="tabs1">
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, sapiente.</li>
    <li>Lorem ipsum dolor sit amet.</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing.</li>
    <li>Lorem ipsum dolor sit.</li>
</ul>

Result