Vue Drip Tab is solution that could help you about use Tabs with VueJS 🎨

A Vue.js plugin to easily integrate button in your projects.

Vue Drip Tab is a Tab that complete Vue Drip NavTab .

Instalation

Install the package from npm by running first:

# install dependencies
npm i @arikardnoir/vue-drip-navtab

then you install this too:

# install dependencies
npm i @arikardnoir/vue-drip-tab

Usage

Import, register and place the component in your Vue app.

<template>
  <VueDripNavTabs>
        <VueDripTab name="Normal" :selected="true">
            <p>Test 1</p>
            <p>Teste 2</p>
        </VueDripTab>
        <VueDripTab name="IMAX">
            <p>Test 3</p>
        </VueDripTab>
    </VueDripNavTabs>
</template>

import VueDripNavTab from 'vue-drip-tab'
import VueDripTab from ''

export default {
  components: {
    VueDripNavTab,
    VueDripTab
  }
}

Accessibility

Apply attributes, directly on the element to apply them to the button.

<template>
  <VueDripTab
    name="Test"
  />
</template>

Props

Components Property that make him cool

|Name |Type |Default |Description | |------------------|--------------|------------------|------------------------------------------------------| |name |String | |Tabs name |selected |Boolean |false |props to choose default Tab