# v-tab

> Tab components for Vue.js

Latest version **3.0.3** (published 2017-05-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install v-tab
pnpm add v-tab
yarn add v-tab
bun add v-tab
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.0.3 |
| Published | 2017-05-16 |
| First published | 2017-04-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Daniel Fernando Lourusso |
| Maintainers | dflourusso |
| Keywords | vue, tabs, tab, vue-tabs, vue-tab, v-tabs, v-tab |

## Links

- npm: https://www.npmjs.com/package/v-tab
- Repository: https://github.com/dflourusso/v-tab
- Homepage: https://github.com/dflourusso/v-tab#readme
- Issues: https://github.com/dflourusso/v-tab/issues
- npm.io page: https://npm.io/package/v-tab

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 3.0.3 (latest) — 2017-05-16
- 3.0.2 — 2017-05-16
- 3.0.1 — 2017-05-16
- 3.0.0 — 2017-05-16
- 2.0.0 — 2017-05-16
- 1.0.6 — 2017-04-13
- 1.0.5 — 2017-04-13
- 1.0.4 — 2017-04-13
- 1.0.3 — 2017-04-13
- 1.0.2 — 2017-04-13
- 1.0.1 — 2017-04-13
- 1.0.0 — 2017-04-13

## README

VTab
---

[![npm](https://img.shields.io/npm/v/v-tab.svg)](https://www.npmjs.com/package/v-tab) [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)

> Tab components for Vue.js

Installation
------------

### Using yarn

`yarn add v-tab`

### Using npm

`npm i --save v-tab`

Demo
----

[DEMO](http://dflourusso.github.io/v-tab)

Usage
-----

### Bundler (Webpack, Rollup)

```js
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

```html
<!-- 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

```html
<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:

```stylus
.v-tab
  .v-tab-tabs
    .v-tab-tab
  .v-tab-content
```

Author
-------

-	[Daniel Fernando Lourusso](http://dflourusso.com.br)

License
-------

This project is licensed under [MIT License](http://en.wikipedia.org/wiki/MIT_License)

---
_Source: https://npm.io/package/v-tab · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._