# SDropdownButton

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

### SDropdownButton

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `color?` | `SButtonColor` | `'primary'` | 버튼 색상 |
| `outline?` | `boolean` | `false` | 아웃라인(테두리) 스타일 |
| `size?` | `SDropdownButtonSize` | `'sm'` | 크기 (lg 미지원) |
| `label?` | `string` | `''` | 버튼 레이블 |
| `items?` | `SDropdownButtonItem[]` | `[]` | 메뉴 아이템 목록 |
| `split?` | `boolean` | `false` | split 모드 — 레이블 버튼과 토글 분리 |
| `disabled?` | `boolean` | `false` | 비활성 |
| `className?` | `string` | — |  |
| `style?` | `CSSProperties` | — |  |

#### Events

| Event | Type | Description |
|-------|------|-------------|
| `onItemClick` | `(value: string \| number) => void` | 메뉴 아이템 선택 (sdClick) |
| `onLabelClick` | `() => void` | split 레이블 버튼 클릭 (sdButtonClick) |
| `onOpenChange` | `(open: boolean) => void` | 열림/닫힘 변경 (sdDropDownShow) |

#### Methods (ref)

| Method | Type | Description |
|--------|------|-------------|
| `open` | `() => void` | 드롭다운 열기 (sdOpen) |
| `close` | `() => void` | 드롭다운 닫기 (sdClose) |

## Dependencies

### Depends on

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

### Graph

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