vue-simple-tabs

Tabs component for vue.js

Installation

NPM:

npm install --save vue-simple-tabs

Yarn:

yarn add vue-simple-tabs

Usage

<template><tabs><tabtitle="Tab 1" active="true">Tab 1 content</tab><tabtitle="Tab 2">Tab 2 content</tab><tabtitle="Tab 3">Tab 3 content</tab></tabs></template><script>import{Tabs,Tab}from'vue-simple-tabs';exportdefault{components: { Tabs, Tab }};</script>

Events

You can add a handler for tab changed event.

Example:

<template><tabs@changed="tabChanged"><tabtitle="Tab 1" active="true">Tab 1</tab><tabtitle="Tab 2">Tab 2</tab><tabtitle="Tab 3">Tab 3</tab></tabs></template><script>import{Tabs,Tab}from'vue-simple-tabs';exportdefault{components: { Tabs, Tab },methods: {tabChanged(tab){// Do something}}};</script>