# TabContainer
Custom Tabs menu
### Usage
```js
import TabContainer from "@appserver/components/tabs-container";
```
```js
const array_items = [
{
key: "0",
title: "Title1",
content: (
),
},
{
key: "1",
title: "Title2",
content: (
),
},
{
key: "2",
title: "Title3",
content: (
),
},
];
```
```jsx
{array_items}
```
### TabContainer Properties
| Props | Type | Required | Values | Default | Description |
| -------------- | :-------: | :------: | :----: | :-----: | ---------------------------------- |
| `isDisabled` | `boolean` | - | - | - | Disable the TabContainer |
| `selectedItem` | `number` | - | - | `0` | Selected title of tabs container |
| `onSelect` | `func` | - | - | - | Triggered when a title is selected |
### Array Items Properties
| Props | Type | Required | Values | Default | Description |
| --------- | :------: | :------: | :----: | :-----: | --------------------- |
| `id` | `string` | ✅ | - | - | Index of object array |
| `title` | `string` | ✅ | - | - | Tabs title |
| `content` | `object` | ✅ | - | - | Content in Tab |