# SLoadingModal

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

### SLoadingModal

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `open?` | `boolean` | — |  |
| `persistent?` | `boolean` | — | 백드롭·ESC로 안 닫히고 흔들림 (sd-modal-container persistent). **기본값 true** |
| `state?` | `LoadingModalState` | `'loading'` | 상태 (loading: 스피너, error: 경고 아이콘) |
| `progress?` | `number` | — | 진행률 (0–100) — 지정 시 determinate 스피너 |
| `message?` | `string \| string[]` | — | 메시지 (없으면 state 기본값) |
| `useButton?` | `boolean` | `false` | 하단 버튼 표시 |
| `buttonLabel?` | `string` | — | 버튼 레이블 (없으면 state 기본값) |
| `width?` | `number \| string` | `520` |  |
| `height?` | `number \| string` | `320` |  |

#### Events

| Event | Type | Description |
|-------|------|-------------|
| `onOpenChange` | `(open: boolean) => void` |  |
| `onClose` | `() => void` | 닫기(X) 버튼 클릭 (sdClose) — error 상태에서만 노출 |
| `onButtonClick` | `() => void` | 버튼 클릭 (sdClick) |

## Dependencies

### Used by

 - [SModal](../SModal)

### Depends on

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

### Graph

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