1.0.2 • Published 4 years ago

@arikardnoir/vue-drip-tab v1.0.2

Weekly downloads
3
License
MIT
Repository
github
Last release
4 years ago

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

version npm downloads [Software License](LICENSE)

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

NameTypeDefaultDescription
nameStringTabs name
selectedBooleanfalseprops to choose default Tab