<template>
  <div class="demo-tabs-slot">
    <ui-tabs type="border-card">
      <ui-tab>
        <span slot="label">
          <ui-icon
            name="apps"
            size="0.875rem"
            fill="#b0adab"></ui-icon> TEST1
        </span>
        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 { Icon, Tabs, Tab } from "amumu-ui"

export default {
  components: {
    "ui-tabs": Tabs,
    "ui-tab": Tab,
    "ui-icon": Icon,
  },
}
</script>
