Design System v1.0

Resizable

Draggable panel groups for building split views and master–detail layouts.

Horizontal panels

A list pane and a detail pane split by a draggable handle.

SitesSubstation ASubstation BSubstation C
Substation A · detail1.24 MWPeak demand over the last 30 days.

Vertical panels

Stacked panels resized along the vertical axis.

Live load982 kW
NotesDrag the handle to resize the panels vertically.

API reference

Draggable split layouts: a PanelGroup arranges Panels separated by Handles.

Anatomy
ResizablePanelGroupContainer arranging panels horizontally or vertically.
ResizablePanelAn individual resizable region within the group.
ResizableHandleDraggable divider between panels; optional grip icon.

Command Palette

Search for a command to run...