# 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 |
| `horizontalPadding` | `boolean | undefined` | No |  |  |
| `paddingTop` | `boolean | undefined` | No | true | 탭 상단 여백 포함 여부 |
| `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 |  |
| `is_new` | `boolean | undefined` | No |  |  |
| `is_beta` | `boolean | undefined` | No |  |  |
| `has_notification` | `boolean | undefined` | No |  |  |
| `number_label` | `number | undefined` | No |  |  |
| `popover` | `Pick<PopoverProps, "title" | "description"> | undefined` | No |  |  |
| `onClick` | `((id: string) => void) | undefined` | No |  |  |