Guides

row/column 방향, layoutName/containerName, 중첩 레이아웃의 기본 규칙을 정리합니다.

isResizePanel, grow, panelMode, panelMovementMode로 리사이즈 가능한 패널을 구성합니다.

containerOpenCloseSubjectMap과 double click hook으로 패널을 접고 펼칩니다.

rememberResize로 사용자가 조절한 grow 값을 storage에 저장하고 복원합니다.

FlexLayoutSplitScreen으로 VS Code 같은 동적 분할 화면을 구성합니다.

Next.js App Router에서 URL로 page.tsx를 분할 pane에 렌더링하고 새로고침/브라우저 URL별 split 상태를 복원합니다.

FlexLayoutSplitScreenDragBox로 드래그 가능한 탭/카드/메뉴 항목을 만듭니다.

stickyMode과 FlexLayoutStickyBox로 레이아웃 경계 안에서 고정되는 UI를 만듭니다.

FlexLayoutDynamicHeight로 viewport와 콘텐츠 높이에 맞춰 컨테이너 높이를 동기화합니다.

FlexLayoutSplitScreenScrollBox로 split screen 내부 스크롤 위치를 저장/복원합니다.

useFlexLayoutControl로 root layout의 head 컨테이너를 스크롤에 따라 접고 복원합니다.

sentinel 기반 무한/페이지 스크롤을 위한 list paging hooks를 사용합니다.