# SButton

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

### SButton

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `color?` | `SButtonColor` | `'primary'` | 색상 — sd-button preset의 색 계열 |
| `outline?` | `boolean` | `false` | 아웃라인(테두리) 스타일. primary·neutral·danger 만 지원 (secondary 는 무시) |
| `size?` | `SButtonSize` | `'sm'` | 크기 |
| `icon?` | `SIconName` | — | 레이블 왼쪽 아이콘 |
| `rightIcon?` | `SIconName` | — | 레이블 오른쪽 아이콘 |
| `label?` | `string` | — | 버튼 텍스트 (문자열만 — 아이콘은 icon/rightIcon 사용) |

## Dependencies

### Used by

 - [SConfirmModal](../SConfirmModal)
 - [SDropdownButton](../SDropdownButton)
 - [SFooter](../SFooter)
 - [SKeyValueTable](../SKeyValueTable)
 - [SLoadingModal](../SLoadingModal)
 - [SPopover](../SPopover)
 - [SToast](../SToast)

### Depends on

- [SIcon](../SIcon)

### Graph

```mermaid
graph TD;
  SButton --> SIcon
  SConfirmModal --> SButton
  SDropdownButton --> SButton
  SFooter --> SButton
  SKeyValueTable --> SButton
  SLoadingModal --> SButton
  SPopover --> SButton
  SToast --> SButton
  style SButton fill:#f9f,stroke:#333,stroke-width:4px
```