# SSplitter

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

### SSplitter

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `value?` | `number` | — | 첫 패널 크기. unit 단위. 주면 controlled |
| `defaultValue?` | `number` | — | 첫 패널 초기 크기. uncontrolled. 기본은 '%' 면 50, 'px' 면 240 |
| `unit?` | `SSplitterUnit` | `'%'` | 모델·limits 를 읽는 단위 |
| `limits?` | `readonly [number, number]` | — | [최소, 최대]. 생략하면 '%' 는 [10, 90], 'px' 는 [50, Infinity] |
| `emitImmediately?` | `boolean` | `false` | 드래그하는 동안에도 onValueChange 를 계속 보낸다 |
| `vertical?` | `boolean` | `false` | true면 패널을 위아래로 쌓는다 (Quasar q-splitter 의 horizontal 에 해당) |
| `disabled?` | `boolean` | `false` | true면 크기를 바꿀 수 없다. 커서도 구분선도 나오지 않는다 |
| `dividerClassName?` | `string` | — | 구분선에 얹을 클래스 |
| `dividerStyle?` | `CSSProperties` | — | 구분선에 얹을 인라인 스타일 |
| `children?` | `ReactNode` | — | SSplitter.Before 와 SSplitter.After 둘 |

#### Events

| Event | Type | Description |
|-------|------|-------------|
| `onValueChange` | `(value: number) => void` | 크기가 확정될 때. emitImmediately 가 아니면 드래그를 놓는 순간 한 번만 온다 |