Split creates a resizable multi-pane layout for workspaces where users need to drag gutters between panes. Use ngs-split with multiple ngs-split-pane regions when two or more panes must be manually resized.
Good examples include editors, IDE-like screens, analytics workspaces, master-detail-detail layouts, source and preview views, inspector plus canvas plus logs, and other dense work areas. Split supports horizontal or vertical direction, nested splits, percent or pixel sizing, min and max sizes, locked panes, hidden panes, pane order, optional dotted gutter handles, restricted gutter movement, and drag lifecycle events.
Do not use Split for ordinary responsive layout, a static two-column admin page, a single resizable box, side navigation shells, temporary side overlays, local page sections, table column resizing, or image resizing. Use TailwindCSS grid/flex, ResizableContainer, Sidenav, Sidebar, Drawer, Panel, table features, or ImageResizer when those match the job better. Give the parent a stable height and width.