v3-tabs v0.0.41

Vue3 Tabs

Installation

npm install v3-tabs

or pnpm

pnpm add v3-tabs

Usage

<template>
  <div class="content">
    <Tabs :list="arr" />
  </div>
</template>

<script setup>
import Tabs from 'v3-tabs'
import { ref } from 'vue'

const arr = ref([
  {
    name: 'a'
  },
  {
    name: 'b'
  },
  {
    name: 'c'
  }
])
</script>

<style>
.content {
  width: 680px;
  height: 100%;
}
</style>

自定义图标

<template>
  <Tabs :list="arr" showIcon>
    <template v-slot:pre>pre</template>
    <template v-slot:next>next</template>
    <template v-slot:closeIcon>close</template>
  </Tabs>
</template>

API

Props

Events