# TabNode

Tab header button — click để switch giữa các panels.

## Resolved name

`Tab`

## Configurable props

### Top-level props

| Prop | Type | Description |
| --- | --- | --- |
| `children` | `ReactNode` | Text hiển thị trong tab button |

Không style trực tiếp trên `TabNode`. Toàn bộ style (kích thước, màu, border, hover, active) đặt ở `tabConfig` của [`TabListNode`](../tab-list/README.md) để mọi tab đồng nhất.

Text của tab đổi được trong inspector `TabsNode` → Items management (`children`).

## Usage

```tsx
import { TabNode } from '@janbox/storefront-builder';

<TabNode>Overview</TabNode>
```

## Rules

- **Canvas**: no.
- **Selectable**: no — chỉnh sửa qua parent `TabsNode` inspector.
- **Parent**: phải là `TabListNode`.

## Related nodes

- [`TabsNode`](../tabs/README.md) — root container
- [`TabListNode`](../tab-list/README.md) — parent container
- [`TabPanelNode`](../tab-panel/README.md) — panel tương ứng