@moodles/vue-tabs
A simple yet effective tab component for vue.js
Last updated a year ago by moodles .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @moodles/vue-tabs 
SYNC missed versions from official npm registry.

@moodles/vue-tabs

A simple yet effective tab component for vue.js

Installation

webpack

npm i --save @moodles/vue-tabs

browser

Grab vue-tabs.js from the dist folder and include it using a regular script tag.

<script src="js/vue.js"></script>
<script src="js/vue-tabs.js"></script>

Initialization

webpack
import { Tabs, Tab } from '@moodles/vue-tabs';

const app = new Vue({
    el: '#app',
    components: {
        'tabs': Tabs,
        'tab': Tab
    }
})
browser
<script src="js/vue.js"></script>
<script src="js/vue-tabs.js"></script>

<script>
    Vue.use(VueTabs);

    var app = new Vue({
        el: '#app',
    });
</script>

Component usage

<tabs>
    <tab title="Tab 1">
        Tab 1 content
    </tab>
    <tab title="Tab 2">
        Tab 2 content
    </tab>
    <tab title="Tab 3">
        Tab 3 content
    </tab>
</tabs>
Tabs props
prop type default
equalWidth Boolean false
Tab props
prop type default
title String ''

Current Tags

  • 1.0.7                                ...           latest (a year ago)

8 Versions

  • 1.0.7                                ...           a year ago
  • 1.0.6                                ...           a year ago
  • 1.0.5                                ...           a year ago
  • 1.0.4                                ...           a year ago
  • 1.0.3                                ...           a year ago
  • 1.0.2                                ...           a year ago
  • 1.0.1                                ...           a year ago
  • 1.0.0                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 16
Last Day 0
Last Week 16
Last Month 0
Dependencies (1)
Dev Dependencies (13)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |