# Component/BoxTabs

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `className` | `string | undefined` | No |  |  |
| `activeTabId` | `string | undefined` | No |  | 활성화된 탭 ID |
| `showAddButton` | `boolean | undefined` | No | false | 추가 버튼 표시 여부 |
| `onChange` | `(id: string) => void` | Yes |  |  탭 변경 이벤트 변경된 탭 ID |
| `onAdd` | `(() => void) | undefined` | No |  | 추가 버튼 클릭 이벤트 |
| `renderAddAction` | `((action: { iconComponent: ComponentType<IconProps>; iconProps: IconProps; }) => ReactNode) | undefined` | No |  | 커스텀 액션 렌더링 함수 |


## Subcomponents


### BoxTab



#### Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `disabled` | `boolean | undefined` | No | false | 비활성화 여부 |
| `iconComponent` | `ComponentType<IconProps> | undefined` | No | IconDotsVertical | 액션 아이콘 컴포넌트 |
| `onClick` | `((id: string) => void) | undefined` | No |  |  탭 클릭 이벤트 클릭된 탭 ID를 반환 |
| `action` | `{ onClick?: ((id: string, e: MouseEvent<Element, MouseEvent>) => void) | undefined; } | undefined` | No |  | 액션 버튼 |
| `renderAction` | `((action: { iconComponent: ComponentType<IconProps>; iconProps: IconProps; }) => ReactNode) | undefined` | No |  | 커스텀 액션 렌더링 함수 |