Resizable

Draggable panel groups for creating resizable layouts with min/max constraints.

Default

Two horizontal panels with a drag handle.

Panel A

Panel B

Vertical

Vertically stacked panels.

Top

Bottom

Three Panels

Three panels with two handles.

Sidebar

Content

Inspector

Usage

julia

using Suite

ResizablePanelGroup(direction="horizontal",
    ResizablePanel(default_size=30,
        Div("Sidebar content")
    ),
    ResizableHandle(with_handle=true),
    ResizablePanel(default_size=70,
        Div("Main content")
    ),
)

API Reference

ResizablePanelGroup

Prop	Type	Default	Description
direction	String	"horizontal"	Layout direction: "horizontal" or "vertical"
children	Any	-	ResizablePanel and ResizableHandle elements
class	String	""	Additional CSS classes

ResizablePanel

Prop	Type	Default	Description
default_size	Int	0	Initial size as percentage (0 = auto-distribute)
min_size	Int	10	Minimum size percentage
max_size	Int	100	Maximum size percentage
children	Any	-	Panel content
class	String	""	Additional CSS classes

ResizableHandle

Prop	Type	Default	Description
with_handle	Bool	false	Whether to show a visible grip icon
class	String	""	Additional CSS classes