# Tabs

<snt-tabs
  value="tab1"
  #default="{ selectTab, isTabSelected }">
  <div>
    <snt-button @click="selectTab('tab1')">
      Tab 1
    </snt-button>
   <snt-button @click="selectTab('tab2')">
      Tab 2
    </snt-button>
    <snt-button @click="selectTab('tab3')">
      Tab 3
    </snt-button>
  </div>
  <div>
    <div v-if="isTabSelected('tab1')">
      Content 1
    </div>
   <div v-if="isTabSelected('tab2')">
      Content 2
    </div>
    <div v-if="isTabSelected('tab3')">
      Content 3
    </div>
  </div>
</snt-tabs>