# Component/LineTabs

위계가 가장 높은 곳에 사용하며 각 탭은 페이지 단위로 이동합니다.

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `className` | `string | undefined` | No |  |  |
| `width` | `undefined "fill" "auto"` | No | auto | 'fill' 일경우 컨테이너 기준 Full Width 값, 'auto' 일경우 컨텐츠에 따라 자동 너비 계산됩니다. |
| `dense` | `boolean | undefined` | No | false | 좁은 간격 사용 유무  - width가 'auto' 일경우 탭아이템간 column-gap은 항상 0입니다. |
| `paddingHorizontal` | `boolean | undefined` | No | true | side padding on/off |
| `paddingTop` | `boolean | undefined` | No | true | 탭 상단 여백 포함 여부 |
| `hasMaxWidth` | `boolean | undefined` | No | false | 탭 영역의 최대 너비를 1024px로 제한하고 가운데 정렬합니다. |
| `activeTabId` | `string | undefined` | No |  |  |
| `onChange` | `((id: string) => void) | undefined` | No |  |  |


## Subcomponents


### LineTab



#### Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `id` | `string` | Yes |  |  |
| `size` | `undefined "medium" "large"` | No | medium |  |
| `hasNewBadge` | `boolean | undefined` | No |  | 새로운 기능 배지 표시 여부 |
| `hasBetaBadge` | `boolean | undefined` | No |  | 베타 기능 배지 표시 여부 |
| `hasNotification` | `boolean | undefined` | No |  | 알림 표시 여부 |
| `count` | `number | undefined` | No |  | 탭에 표시할 개수 |
| `popover` | `Pick<PopoverProps, "title" | "description"> | undefined` | No |  |  |
| `onTabSelect` | `((id: string) => void) | undefined` | No |  | 탭 선택 이벤트 |