# Tabs
`Tabs` - is core component of UI-system.

![size](https://img.shields.io/bundlephobia/min/@propellerads/tabs.svg)
![](https://img.shields.io/npm/v/@propellerads/tabs.svg?style=flat-square)

[NPM](https://www.npmjs.com/package/@propellerads/tabs) |
[Github](https://github.com/propellerads/ui-components/tree/master/Components/Tabs)

## Installation
* `yarn add @propellerads/tabs` or `npm install @propellerads/tabs -S`

### How to use
* `import Tabs from '@propellerads/tabs';`
* And render 
```
<Tabs 
    tabs={[
           {
             "id": withdraw,
             "label": "Withdraw"
           },
           {
             "id": 'bolling-settings',
             "label": "Billing settings"
           },
           {
             "id": 'payouts'
             "label": "Payouts"
           }
         ]}
/>
```