LayoutSplitter
A draggable resizer handle that splits a container into two adjustable panels.
Playground
Explore all layoutsplitter props interactively.
Left Panel
Right Panel
Props
Layout direction.
Initial size percentage of the first panel (0-100).
Minimum size percentage of the first panel.
Maximum size percentage of the first panel.
Theme color for the drag handle on hover/active.
Glass surface density
Backdrop blur intensity
Vertical Orientation
You can stack panes vertically with orientation='vertical'.
<TopPane>
<!-- Code editor area -->
</TopPane>
<!-- Code editor area -->
</TopPane>
> terminal connected.