@cypress-design/vue-tabs v0.9.2

Tabs

Install

npm install @cypress-design/vue-tabs

or with yarn

yarn add @cypress-design/vue-tabs

Usage

import Tabs from '@cypress-design/vue-tabs'

<Tabs
  :tabs="[
    { id: 'ov', label: 'Overview', active: true },
    { id: 'cl', label: 'Command Log' },
    { id: 'err', label: 'Errors', href: 'https://www.cypress.io' },
    { id: 'reco', label: 'Recommendations' },
  ]"
/>

If one blocks switching

<Tabs
  :tabs="[
    { id: 'ov', label: 'Overview', active: true },
    { id: 'cl', label: 'Command Log' },
    { id: 'err', label: 'Errors', href: 'https://www.cypress.io' },
    { id: 'reco', label: 'Recommendations' },
  ]"
  @switch="(_, e) => e.preventDefault()"
/>