<template>
  <div class="demo-tabs-query">
    <ui-tabs
      v-model="activeName"
      query>
      <ui-tab label="TEST1">
        1
      </ui-tab>
      <ui-tab label="TEST2">
        2
      </ui-tab>
      <ui-tab label="TEST3">
        3
      </ui-tab>
      <ui-tab label="TEST4">
        4
      </ui-tab>
    </ui-tabs>
  </div>
</template>

<script>
import { Tabs, Tab } from "amumu-ui"

export default {
  components: {
    "ui-tabs": Tabs,
    "ui-tab": Tab,
  },
  data() {
    return {
      activeName: "0",
    }
  },
}
</script>
