# Component/Divider

화면 안의 요소들을 시각적으로 분리하는 구분선입니다.

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `theme` | `Theme | undefined` | No |  |  |
| `as` | `ElementType<any, keyof IntrinsicElements> | undefined` | No |  |  |
| `direction` | `undefined "horizontal" "vertical"` | No | horizontal |  |
| `spacing` | `CSSValueWithLength | undefined` | No |  | 간격을 설정할 수 있습니다.  - direction horizontal 일경우 상하 간격에 적용됩니다.  - direction vertical 일경우 좌우 간격에 적용됩니다. |
| `size` | `undefined "small" "medium"` | No | small |  |
| `color` | `string | undefined` | No | semantic_colors.border.primary | border color를 지정할 수 있습니다.  - 지정하지 않을 경우 size medium 일경우 semantic_colors.background.base로 적용됩니다.  - 지정하지 않을 경우 size small 일경우 semantic_colors.border.primary로 적용됩니다. |
| `length` | `CSSValueWithLength | undefined` | No | '100%' | 지정된 길이를 설정할 수 있습니다.  - 지정하지 않을 경우 direction horizontal 이라면 width 값이 100%로 고정됩니다.  - 지정하지 않을 경우 direction vertical 이라면 height값이 100%로 고정됩니다. |