tab.html

<w-tab>
  <w-tab-header>
    <w-tab-button>
      İstanbul
    </w-tab-button>
    <w-tab-button>
      Ankara
    </w-tab-button>
    <w-tab-button>
      Antalya
    </w-tab-button>
  </w-tab-header>
  <w-tab-contents>
    <w-tab-content>
      <!-- Bu şekilde (slot ile) kullanılır ise WaterJSin varsayılan stili gelir -->
      <header slot="w-tab-header">
        İyi şehir
      </header>
      <!-- Bu şekilde (slot ile) kullanılır ise WaterJSin varsayılan stili gelir -->
      <p slot="w-tab-content">
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odit, in.
      </p>
    </w-tab-content>
    <w-tab-content>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum tenetur ab eius.
    </w-tab-content>
    <w-tab-content>
      Antalya çok güzel bir yerdir, o kadar çok güzelki İstanbul daha güzel :)
    </w-tab-content>
  </w-tab-contents>
</w-tab>