## Tab

### Demo Code

### London

London is the capital city of England.

### Paris

Paris is the capital of France.

### Tokyo

Tokyo is the capital of Japan.

HTML

    <!-- Tab links -->
            <div class="tab">
                <button
                    class="tablinks"
                    onclick="openCity(event, 'London')"
                    id="defaultOpen"
                >
                    London
                </button>
                <button class="tablinks" onclick="openCity(event, 'Paris')">
                    Paris
                </button>
                <button class="tablinks" onclick="openCity(event, 'Tokyo')">
                    Tokyo
                </button>
            </div>

            <!-- Tab content -->
            <div id="London" class="tabcontent">
                <h3>London</h3>
                <p>London is the capital city of England.</p>
            </div>

            <div id="Paris" class="tabcontent">
                <h3>Paris</h3>
                <p>Paris is the capital of France.</p>
            </div>

            <div id="Tokyo" class="tabcontent">
                <h3>Tokyo</h3>
                <p>Tokyo is the capital of Japan.</p>
            </div>

- Latest update: Stylescape v0.1 now live!
- New components released today.
- 💡 Tip: Use mixins for modular SCSS!