Loading...

Split Panel.

SplitBox

ParameterDescriptionTypeDefault Value
splitSplit direction'vertical' | 'horizontal''vertical'
resizableWhether the panel size can be adjustedbooleantrue
primaryPrimary panel'first' | 'second''first'
sizePrimary panel sizenumber | string-
defaultSizeDefault size of the primary panelnumber | string'25%'
minSizeMinimum size of the primary panelnumber-
maxSizeMaximum size of the primary panelnumber-
stepStep size for resizingnumber-
styleComponent styleCSSProperties-
boxStylePanel styleCSSProperties-
primaryBoxStylePrimary panel styleCSSProperties-
secondBoxStyleSecondary panel styleCSSProperties-
resizerStyleSplitter styleCSSProperties-
onResizeStartCallback function when resizing starts() => void-
onResizeEndCallback function when resizing ends(newSize: number) => void-
onResizingCallback function during resizing(newSize: number) => void-
onResizerClickCallback function when the splitter is clicked() => void-
onResizerDoubleClickCallback function when the splitter is double-clicked() => void-