# SLoadingContainer

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

### SLoadingContainer

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `open?` | `boolean` | `false` | 오버레이 표시 여부 (Stencil의 show()/hide() 명령형 API → 제어 prop으로 대체) |
| `message?` | `string` | — | 스피너 하단 메시지 |
| `zIndex?` | `number` | `Z_INDEX.loading` | z-index. 기본값(1200)은 토스트(1100)·모달 호스트(1000) 위 — 전체 화면을 막는 최상단 블로킹 오버레이 |
| `className?` | `string` | — |  |
| `style?` | `CSSProperties` | — |  |

## Dependencies

### Depends on

- [SCircleProgress](../SCircleProgress)

### Graph

```mermaid
graph TD;
  SLoadingContainer --> SCircleProgress
  style SLoadingContainer fill:#f9f,stroke:#333,stroke-width:4px
```