Component Gallery
Split Layout
Medium
•LayoutsPreview
리사이즈 가능한 분할 레이아웃
사이드바
메인 콘텐츠
드래그하여 패널 크기를 조절할 수 있습니다.
고정 비율 분할 (1:2)
왼쪽 패널
1/3 너비
오른쪽 패널
2/3 너비
반응형 분할 레이아웃
대시보드
메뉴
모바일에서는 햄버거 메뉴로 전환됩니다.
3열 분할
네비게이션
메인 콘텐츠
사이드 패널
Prompt
Prompt Tips
- •Handle drag with onMouseDown/Move/Up events
- •Show resize cursor with cursor-col-resize
- •Dynamic width with flex and width %
- •Toggle with button on mobile
Tags
#split
#layout
#resize
#panel
#responsive