# tabs-library

> Tabs

Latest version **1.0.15** (published 2023-11-14) · ISC license · 0 weekly downloads

## Install

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

## 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 | 1.0.15 |
| Published | 2023-11-14 |
| First published | 2023-11-07 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 10 |
| Unpacked size | 12.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Archana Chaudhary |
| Maintainers | archana0405 |
| Keywords | Tabs |

## Links

- npm: https://www.npmjs.com/package/tabs-library
- npm.io page: https://npm.io/package/tabs-library

## Dependencies (10)

- [react](https://npm.io/package/react.md) ^18.2.0
- [webpack](https://npm.io/package/webpack.md) ^5.89.0
- [@babel/cli](https://npm.io/package/@babel/cli.md) ^7.23.0
- [css-loader](https://npm.io/package/css-loader.md) ^6.8.1
- [@babel/core](https://npm.io/package/@babel/core.md) ^7.23.2
- [webpack-cli](https://npm.io/package/webpack-cli.md) ^5.1.4
- [babel-loader](https://npm.io/package/babel-loader.md) ^9.1.3
- [style-loader](https://npm.io/package/style-loader.md) ^3.3.3
- [@babel/preset-env](https://npm.io/package/@babel/preset-env.md) ^7.23.2
- [@babel/preset-react](https://npm.io/package/@babel/preset-react.md) ^7.22.15

## Recent versions

- 1.0.15 (latest) — 2023-11-14
- 1.0.14 — 2023-11-09
- 1.0.12 — 2023-11-07
- 1.0.11 — 2023-11-07
- 1.0.10 — 2023-11-07
- 1.0.9 — 2023-11-07

## README

## TabGroup Component
The TabGroup component is a flexible and customizable tab navigation system built with React.

## Installation
To install the Tabs Library, you can use npm or yarn:

npm install tabs-library
# or
yarn add tabs-library

## Usage
To use the Tabs component within your React application:
import { TabGroup } from 'tabs-library'

## Props
tabsData (required)
An array of objects representing tabs. Each object should contain properties:

id (number or string): A unique identifier for the tab.
label (string): The text label of the tab.
content (string or component): The content to be displayed when the tab is active.
defaultTabId (optional)
The ID of the tab that should be active by default. Defaults to the first tab if not provided.

onTabClick (optional)
A function that will be called when a tab is clicked. It receives the ID of the clicked tab as a parameter.

tabType (optional)
A string specifying the style of tabs. Choose from "default", "square", or "pills".

## Styling
The provided CSS file  contains styles for the tab group component. Customize these styles as needed to match your application's design.

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