Class UISplitPanel

A single panel inside a <ui-split-container>. Project any content as child nodes — the container handles sizing and divider rendering.

Basic usage

<ui-split-container>
  <ui-split-panel>Left</ui-split-panel>
  <ui-split-panel>Right</ui-split-panel>
</ui-split-container>
Copy

With size constraints

<ui-split-container>
  <ui-split-panel [min]="150" [max]="400">Sidebar</ui-split-panel>
  <ui-split-panel [min]="200">Main</ui-split-panel>
</ui-split-container>
Copy