Have ideas to improve npm?Join in the discussion! »

    v-tab

    3.0.3 • Public • Published

    VTab

    npm vue2

    Tab components for Vue.js

    Installation

    Using yarn

    yarn add v-tab

    Using npm

    npm i --save v-tab

    Demo

    DEMO

    Usage

    Bundler (Webpack, Rollup)

    import Vue from 'vue'
     
    import VTab from 'v-tab'
     
    // You need a specific loader for CSS files like https://github.com/webpack/css-loader
    import 'v-tab/dist/v-tab.css'
     
    Vue.use(VTab)

    Browser

    <!-- Include after Vue -->
    <link rel="stylesheet" href="v-tab/dist/v-tab.css"></link>
    <script src="v-tab/dist/v-tab.js"></script>
    <script>
      Vue.use(VTab)
    </script> 

    Example

    <template>
      <v-tabs class="v-tab-vertical">
        <v-tab label='First'>
          First tab content
        </v-tab>  
        <v-tab label='Second'>
          Second tab content
        </v-tab>  
        <v-tab label='Third'>
          Third tab content
        </v-tab>  
      </v-tab>
    </template>

    What about appearence?

    Just override the css classes, See the structure:

    .v-tab
      .v-tab-tabs
        .v-tab-tab
      .v-tab-content

    Author

    License

    This project is licensed under MIT License

    Install

    npm i v-tab

    DownloadsWeekly Downloads

    58

    Version

    3.0.3

    License

    MIT

    Last publish

    Collaborators

    • avatar