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