1.0.30 • Published 4 years ago

@arikardnoir/vue-drip-navtab v1.0.30

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

vue-drip-navtab

Vue Drip Navtab 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 NavTab is a NavTab that works with other component Vue Drip Tab to give a lot of alternatives to work with.

Instalation

Install the package from npm by running:

# 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>
    <VueDripNavTab borderColor="#2c3e50" tabTextColor="green" backgroundColor="#fff">
        <VueDripTab name="Normal" :selected="true">
            <p>Test 1</p>
            <p>Test 2</p>
        </VueDripTab>
        <VueDripTab name="IMAX">
            <p>Test 3</p>
        </VueDripTab>
    </VueDripNavTab>
</template>
import VueDripNavTab from '@arikardnoir/vue-drip-navtab'
import VueDripTab from '@arikardnoir/vue-drip-tab'

export default {
  components: {
    VueDripNavTab,
    VueDripTab
  }
}

Props

Components Property that make him cool

NameTypeDefaultRequiredDescription
nameStringtabs name
selectedBooleanfalseprops to choose default Tab
borderColorStringtruechange the borders colors
tabTextColorStringtruechange the Tab text color
backgroundColorStringtruechange the navtab background color

Examples

Some examples that how you could use this component

picture

picture

1.0.30

4 years ago

1.0.29

4 years ago

1.0.28

4 years ago

1.0.27

4 years ago

1.0.26

4 years ago

1.0.25

4 years ago

1.0.24

4 years ago

1.0.23

4 years ago

1.0.22

4 years ago

1.0.21

4 years ago

1.0.20

4 years ago

1.0.19

4 years ago

1.0.18

4 years ago

1.0.17

4 years ago

1.0.16

4 years ago

1.0.15

4 years ago

1.0.14

4 years ago

1.0.13

4 years ago

1.0.12

4 years ago

1.0.11

4 years ago

1.0.10

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.0

4 years ago