컴포넌트 갤러리
분할 레이아웃
보통
•레이아웃Preview
리사이즈 가능한 분할 레이아웃
사이드바
메인 콘텐츠
드래그하여 패널 크기를 조절할 수 있습니다.
고정 비율 분할 (1:2)
왼쪽 패널
1/3 너비
오른쪽 패널
2/3 너비
반응형 분할 레이아웃
대시보드
메뉴
모바일에서는 햄버거 메뉴로 전환됩니다.
3열 분할
네비게이션
메인 콘텐츠
사이드 패널
프롬프트
프롬프트 팁
- •onMouseDown/Move/Up으로 드래그 이벤트 처리
- •cursor-col-resize로 리사이즈 커서 표시
- •flex와 width %로 동적 너비 조절
- •모바일에서는 토글 버튼으로 전환
Tags
#split
#layout
#resize
#panel
#responsive