ZvTabGroup ​

<template>
  <ZvTabGroup :default-index="1">
    <div class="flex py-6 divide-x divide-gray-300">
      <ZvTab v-for="index in 3" v-slot="{ selected }" :index="index" class="flex-1">
        <button type="button" class="w-full h-full px-5 py-2" :class="{ underline: selected }">
          {{ selected ? 'Selected !' : 'Click me !' }}
        </button>
      </ZvTab>
    </div>
    <div class="bg-gray-100">
      <ZvTabPanel v-for="index in 3" :index="index">
        <div class="p-5">Tab Content {{ index }}</div>
      </ZvTabPanel>
    </div>
  </ZvTabGroup>
</template>

<script lang="ts" setup>
  import ZvTabGroup from '@zadigetvoltaire/ui/components/ZvTabGroup'
</script>