# TabBar

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/Viewer/DirectiveBlocks.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/Viewer/DirectiveBlocks.tsx#L40)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `labels` | `string[]` | ✓ | - |
| `activeIndex` | `number` | ✓ | - |
| `onSelect` | `Function` | ✓ | - |
| `ariaLabel` | `string` | ✓ | - |
| `idPrefix` | `string` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_TabBar_91106d8["TabBar"]
    class component_TabBar_91106d8 rootComponent
```

## Referenced By

- `TabsBlock` (RENDERS)
- `CodeGroupBlock` (RENDERS)