ShellResizableLayout

harness-panel

드래그 리사이즈 aside 패널. 접기/펼침, 사이즈 제약, 좌/우 위치를 지원합니다.

ShellResizableLayout Props

Prop	타입	기본값	설명
`children`*	`ReactNode`	—	메인 콘텐츠
`aside`*	`ReactNode`	—	사이드 패널 콘텐츠
`defaultAsideSize`	`number`	—	기본 aside 폭 % (기본 25)
`minAsideSize`	`number`	—	최소 aside 폭 % (기본 15)
`maxAsideSize`	`number`	—	최대 aside 폭 % (기본 50)
`collapsible`	`boolean`	—	접기 허용 (기본 true)
`showHandle`	`boolean`	—	리사이즈 핸들 표시 (기본 true)
`asideSide`	`"left" \| "right"`	—	aside 위치 (기본 right)
`sticky`	`boolean`	—	aside 스티키 고정
`asideLabel`	`string`	—	aside aria-label

Import

tsx

import { ShellResizableLayout } from "@reopt-ai/opt-shell";