/ Tab

Vue.js wrapper for Bulma Tabs

Vue.js wrapper for Bulma Tabs

vue-bulma-tabs

Vue.js wrapper for Bulma Tabs.

Installation

$   npm install --save @crow1796/vue-bulma-tabs

Example

<template>
    <Tabs orientation="vertical">
        <Tab name="Tab 1" :selected="true">
            Tab 1 Content
        </Tab>
        <Tab name="Tab 2">
            Tab 2 Content
        </Tab>
    </Tabs>
</template>

<script>
import { Tabs, Tab } from '@crow1796/vue-bulma-tabs'

export default {
    components: {
        Tabs,
        Tab
    }
}
</script>

Props

Tabs

Prop Name Accepted Values Type Required? Default
orientation horizontal, vertical String no horizontal

Tab

Prop Name Accepted Values Type Required? Default
name any String yes
selected true or false Boolean no false

GitHub