GusCSS - Documentation des Onglets

Exemple d'Onglets

  • Tab 1
  • Tab 2
  • Tab 3

Contenu pour Tab 1

Contenu pour Tab 2

Contenu pour Tab 3

Exemple de Code

<!-- Onglets -->
<div class="tab-container">
    <!-- Liste des onglets -->
    <ul class="tab-list">
        <li class="active" data-target="#tab1">Tab 1</li>
        <li data-target="#tab2">Tab 2</li>
        <li data-target="#tab3">Tab 3</li>
    </ul>

    <!-- Contenu des onglets -->
    <div class="tab-content">
        <div id="tab1" class="tab-pane active">
            <p>Contenu pour Tab 1</p>
        </div>
        <div id="tab2" class="tab-pane">
            <p>Contenu pour Tab 2</p>
        </div>
        <div id="tab3" class="tab-pane">
            <p>Contenu pour Tab 3</p>   
        </div>
    </div>
</div>