Basic Layout
The most basic configuration rules of FlexLayout + FlexLayoutContainer.
Basic structure
FlexLayoutis a split layout with one direction (row/column), and its children consist of FlexLayoutContainerIf it's a Fragment, flatten and reprocess it, but it's safer to always use a container with containerName for actual panel units.
tsx
layoutName / containerName rules
layoutName
레이아웃 단위의 고유 이름입니다. resize memory, container ref store, split screen store가 이 이름을 기준으로 묶입니다.
containerName
각 패널의 고유 이름입니다. open/close, double click, size observe, drag/drop target 식별에 사용됩니다.
direction
row는 좌우 분할, column은 상하 분할입니다.
Nested layout
If you want to put a vertical split inside a horizontal split on one screen, put another FlexLayoutinside the container. Each layout's layoutNamemust be different to avoid store conflicts.
tsx