Guías

Organizamos las reglas básicas de dirección row/column, layoutName/containerName y diseño anidado.

Configuramos paneles redimensionables con isResizePanel, grow, panelMode y panelMovementMode.

Plegamos y desplegamos paneles con containerOpenCloseSubjectMap y el hook de doble clic.

Guardamos y restauramos el valor de crecimiento ajustado por el usuario en el almacenamiento con rememberResize.

Configuramos una pantalla dividida dinámica similar a VS Code con FlexLayoutSplitScreen.

Renderiza page.tsx en un panel dividido en Next.js App Router y restaura el estado de división por actualización/URL del navegador.

Creamos elementos de pestañas/tarjetas/menu arrastrables con FlexLayoutSplitScreenDragBox.

Creamos una UI fija dentro de los límites del diseño con stickyMode y FlexLayoutStickyBox.

Sincronizamos la altura del contenedor con la altura del viewport y el contenido usando FlexLayoutDynamicHeight.

Guardamos/restauramos la posición de desplazamiento interna de la pantalla dividida con FlexLayoutSplitScreenScrollBox.

Plegamos y restauramos el contenedor de encabezado del diseño raíz según el desplazamiento con useFlexLayoutControl.

Usamos hooks de paginación de lista para desplazamiento infinito/paginado basado en centinela.