Layout
Resizable
react-resizable-panels 기반 분할 패널. 화살표 키로 리사이즈, splitter ARIA 패턴.
예제
설치 / Import
import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@baneung-pack/ui';import { ResizablePanelGroup } from '@baneung-pack/ui/resizable';서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.
API
| Property | Description | Type | Default |
|---|---|---|---|
direction (PanelGroup) | 분할 방향 | 'horizontal' | 'vertical' | — |
defaultSize (Panel) | 초기 크기 (%) | number | — |
minSize / maxSize (Panel) | 최소·최대 크기 (%) | number | — |
withHandle (Handle) | 핸들 그립 표시 | boolean | false |