# mv-tabs

> custom tabs

Latest version **1.0.8** (published 2026-01-17) · ISC license · 0 weekly downloads

## Install

```sh
npm install mv-tabs
pnpm add mv-tabs
yarn add mv-tabs
bun add mv-tabs
```

## Health

**Score 45/100 (D)** — status: stable.

Positive: no vulnerabilities.

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

## Facts

| | |
|---|---|
| Version | 1.0.8 |
| Published | 2026-01-17 |
| First published | 2022-03-24 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 9.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | MaksBurov |
| Maintainers | makspopov |
| Keywords | tabs, customElement |

## Links

- npm: https://www.npmjs.com/package/mv-tabs
- Homepage: https://github.com/MaksBurov/mv-tabs
- npm.io page: https://npm.io/package/mv-tabs

## Recent versions

- 1.0.8 (latest) — 2026-01-17
- 1.0.3 — 2022-03-30
- 1.0.1 — 2022-03-25
- 1.0.0 — 2022-03-24

## README

# mv-tabs

Tabs organize and allow navigation between groups of content that are related

## Getting started with mv-tabs

### Installation

#### Install from NPM

We can install mv-tabs from NPM

    npm install mv-tabs

```JS
//import mv-tabs
import { Tabs } from "mv-tabs"
```

### HTML Layout

Now, we need to add basic layout:

```HTML
<mv-tabs>
    <mv-tablist>
        <mv-tab>Tab 1</mv-tab>
        <mv-tab>Tab 2</mv-tab>
        <mv-tab>Tab 3</mv-tab>
    </mv-tablist>
    <mv-tabpanel>Tabpanel 1</mv-tabpanel>
    <mv-tabpanel>Tabpanel 2</mv-tabpanel>
    <mv-tabpanel>Tabpanel 3</mv-tabpanel>
</mv-tabs>
```

### Documentation

#### Attribute list

| Attribute Name | Elements   | Description                                          |
| -------------- | ---------- | ---------------------------------------------------- |
| selected       | `<mv-tab>` | Defines a value which will be selected on page load. |

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