Layout
Sidebar
좌/우 collapsible 사이드 패널. controlled/uncontrolled, Trigger 자동 토글.
예제
메인 영역
설치 / Import
import { Sidebar, SidebarHeader, SidebarContent, SidebarTrigger } from '@baneung-pack/ui';import { Sidebar } from '@baneung-pack/ui/sidebar';서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.
API
| Property | Description | Type | Default |
|---|---|---|---|
side | 위치 | 'left' | 'right' | 'left' |
collapsed | controlled 접힘 상태 | boolean | — |
defaultCollapsed | uncontrolled 초기 상태 | boolean | false |
onCollapsedChange | 상태 변경 콜백 | (collapsed: boolean) => void | — |
width | 펼친 너비(px) | number | 240 |
collapsedWidth | 접힌 너비(px) | number | 64 |