컴포넌트
Split Resizer
드래그 핸들로 좌우(또는 상하) 분할 비율을 조절하는 리사이저 패널. pointer capture 로 컨테이너 밖에서도 추적하고, 한계 근처에서 러버밴드 저항 후 스냅한다. 키보드(화살표/Home/End) 조작을 지원한다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/SplitResizer-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| initial | number | 50 | 초기 좌/상 패널 비율 (0~100, %). |
| orientation | "horizontal" | "vertical" | "horizontal" | 분할 방향: 좌우(horizontal) 또는 상하(vertical). |
| className | string | undefined | 루트 요소에 추가할 CSS 클래스. |