$ rezi
Widgets

ResizablePanel

Panel used inside a PanelGroup.

Panel used inside a PanelGroup.

Usage

ui.panelGroup(
  { id: "main", direction: "horizontal" },
  [
    ui.resizablePanel({ defaultSize: 25, minSize: 20 }, [Sidebar()]),
    ui.resizablePanel({ defaultSize: 75 }, [Content()]),
  ]
)

Props

PropTypeDefaultDescription
defaultSizenumberautoInitial size (percentage of the parent axis)
minSizenumber-Minimum size (percentage)
maxSizenumber-Maximum size (percentage)
collapsiblebooleanfalseAllow collapsing the panel

Notes

  • ResizablePanel should contain exactly one child widget.
  • PanelGroup uses defaultSize/minSize/maxSize as sizing hints along its primary axis.
  • For draggable sizing, use SplitPane.

On this page