# legit-tabs

> tabs, done right

Latest version **0.2.4** (published 2017-10-11) · ISC license · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.4 |
| Published | 2017-10-11 |
| First published | 2015-09-08 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 14 |
| Author | Zach Silveira |
| Maintainers | dphaener, zackify |
| Keywords | react-tabs, react-component, react, table, react-table, bootstrap |

## Links

- npm: https://www.npmjs.com/package/legit-tabs
- Repository: https://github.com/legitcode/tabs
- Homepage: https://github.com/legitcode/tabs#readme
- Issues: https://github.com/legitcode/tabs/issues
- npm.io page: https://npm.io/package/legit-tabs

## 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

- 0.2.4 (latest) — 2017-10-11
- 0.2.3 — 2016-11-04
- 0.2.2 — 2015-12-23
- 0.2.1 — 2015-11-17
- 0.2.0 — 2015-09-21
- 0.1.2 — 2015-09-09
- 0.1.1 — 2015-09-09
- 0.1.0 — 2015-09-09
- 0.0.1 — 2015-09-08

## README

##Tabs

A basic tabs component, with a few customizable props.

##Install

`npm install legit-tabs`

##Example

~~~js
import {Tabs, Tab} from 'legit-tabs';

<Tabs className="accordion-tabs-minimal" active="second">
  <Tab name="first">
    hey
  </Tab>
  <Tab name="second" style={{background: 'yellow'}}>
    whats up
  </Tab>
  <Tab name="third" className="test">
    hello
  </Tab>
</Tabs>
~~~

##Props

**Tabs**:

- `active`: Name of the tab you want to be active, defaults to the first one if empty
- anything else you'd like to set on the containing ul

**Tab**:

- `name`: a unique name for the tab, represents the tab title.
- `liClass`, `liStyle`: class on the li for the tab.
- `contentClass`: class on the div that holds the tab content.
- anything else you'd like to set on the tab's containing div.

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