# SStepper

> 자동 생성 문서 — `npm run docs:gen`. 소스: 각 컴포넌트의 Props/Handle 인터페이스 + import 의존성.

### SStepper

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `items` | `SStepperItem[]` | — | 단계 목록 |
| `value?` | `string` | — | 현재 활성 단계 value |
| `size?` | `SStepperSize` | `'sm'` | 크기 |
| `vertical?` | `boolean` | `false` | 세로형 여부 |
| `clickable?` | `boolean` | — | 단계 클릭 가능 여부. 미지정 시 가로형=false, 세로형=true |
| `ariaLabel?` | `string` | `'진행 단계'` | 접근성 레이블 |
| `className?` | `string` | — |  |
| `style?` | `CSSProperties` | — |  |

#### Events

| Event | Type | Description |
|-------|------|-------------|
| `onValueChange` | `(value: string, item: SStepperItem, index: number) => void` | 단계 선택 시 호출 |

#### Methods (ref)

| Method | Type | Description |
|--------|------|-------------|
| `showItemTooltip` | `() => void` | error 아이템 중 첫 번째에 툴팁을 연다. error 아이템이 없으면 아무 일도 일어나지 않는다. |
| `hideItemTooltip` | `() => void` | 열려있는 커스텀 툴팁을 닫는다. 활성 단계(value prop)가 바뀌면 별도 호출 없이도 자동으로 닫힌다. |

## Dependencies

### Depends on

- [SIcon](../SIcon)
- [STooltip](../STooltip)

### Graph

```mermaid
graph TD;
  SStepper --> SIcon
  SStepper --> STooltip
  style SStepper fill:#f9f,stroke:#333,stroke-width:4px
```