# @n3/react-tabs

> Tabs component for react applications based on @n3/kit

Latest version **0.2.0** (published 2021-01-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install @n3/react-tabs
pnpm add @n3/react-tabs
yarn add @n3/react-tabs
bun add @n3/react-tabs
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.0 |
| Published | 2021-01-26 |
| First published | 2020-04-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 8 |
| Unpacked size | 41.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Vadim Taits |
| Maintainers | v.voloshin, n3admin, vtaits, k.kulik, a_sannikov |

## Links

- npm: https://www.npmjs.com/package/@n3/react-tabs
- Repository: git@gitlab.develop.netrika.ru:web/n3components
- npm.io page: https://npm.io/package/@n3/react-tabs

## Dependencies (8)

- [@n3/css-base](https://npm.io/package/@n3/css-base.md) ^0.1.0
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.12.1
- [lodash.isequal](https://npm.io/package/lodash.isequal.md) ^4.5.0
- [styled-components](https://npm.io/package/styled-components.md) ^5.2.0
- [@types/lodash.isequal](https://npm.io/package/@types/lodash.isequal.md) ^4.5.5
- [@n3/react-dropdown-menu](https://npm.io/package/@n3/react-dropdown-menu.md) ^0.2.0
- [@types/styled-components](https://npm.io/package/@types/styled-components.md) ^5.1.7
- [@n3/react-ellipsis-dropdown](https://npm.io/package/@n3/react-ellipsis-dropdown.md) ^0.2.0

## Recent versions

- 0.2.0 (latest) — 2021-01-26
- 0.1.1 — 2020-05-20
- 0.1.0 — 2020-04-24

## README

# @n3/react-tabs

Табы для приложений на базе `@n3/kit`.

```javascript
import Tabs from '@n3/react-tabs';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| tabs | + | arrayOf [<br>  shape {<br>  - id<br>    union<br>    - number<br>    - string<br>  - title<br>    node<br>  }<br>] |  | Массив табов для рендера |
| current |  | union<br>- number<br>- string | `null` | id выбранного таба |
| recountOnResize |  | bool | `false` | Пересчитывать ли состояние скрытий/показа табов при изменении размеров окна |
| renderTab |  | func | `defaultRenderTab` | Функция рендера таба<br>@param {Object} renderProps<br>@param {string} renderProps.className<br>@param {Function} renderProps.onClick<br>@param {ReactNode} renderProps.label - заголовок таба<br>@param {Object} renderProps.tab - объект таба |
| setCurrentTab |  | func | `Function.prototype` | Обработчик изменения текущего таба<br>@param {string|number} tabId - id выбранного таба |
| renderContent |  | func | `(contentNode) => contentNode` | Функция рендера табов для возможности создания обёртки |

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