Tabs Component

Classes: .tabs-group, .tabs, .tab, .tab-active, .tab-panel

Features:

• Horizontal tabbed navigation
• Active tab highlighting
• Keyboard accessible

Usage:

<div class="tabs-group">
  <div class="tabs">
    <button class="tab tab-active">Tab 1</button>
    <button class="tab">Tab 2</button>
    <button class="tab">Tab 3</button>
  </div>

  <div>This is content for Tab 1.</div>
  <div hidden>This is content for Tab 2.</div>
  <div hidden>This is content for Tab 3.</div>
</div>