# SLayout

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

### SLayout

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `type?` | `SLayoutType` | `'box'` | 메뉴 스타일: box(라운드) / belt(풀폭 행). 자식 SGnb 가 이 값을 따른다. |
| `header?` | `SLayoutHeader` | `'fix'` | 레이아웃 구조: fix(가로 분할) / full(풀폭 상단바). 자식 SGnb·SPage 가 이 값을 따른다. |
| `useRail?` | `boolean` | `false` | GNB 좌측 레일 사용 여부. 자식 SGnb 가 이 값을 따르고, 그만큼 넓어진 컬럼 폭을 되올린다. 레일에 children 없는 아이템이 있으면 SGnb 가 full 상단바를 요구하고, 이 레이아웃도 그에 맞춰 full 그리드로 선다. |
| `folded?` | `boolean` | — | GNB 접힘 상태 (controlled) |
| `defaultFolded?` | `boolean` | `false` | GNB 초기 접힘 상태 (uncontrolled) |

#### Events

| Event | Type | Description |
|-------|------|-------------|
| `onFoldedChange` | `(folded: boolean) => void` | 접힘 상태 변경 |

## Dependencies

### Used by

 - [SGnb](../SGnb)
 - [SPage](../SPage)

### Graph

```mermaid
graph TD;
  SGnb --> SLayout
  SPage --> SLayout
  style SLayout fill:#f9f,stroke:#333,stroke-width:4px
```