SplitterProps

Represents the options of the Splitter.

children? React.ReactNode

The pane elements of the Splitter.

className? string

The class name that is set to the Splitter.

defaultPanes? SplitterPaneProps[]

Sets the initial options of the Splitter panes (more information and examples). Can be used for uncontrolled state.

onChange? (event: SplitterOnChangeEvent) => void

Fires after a Splitter pane is resized or collapsed. Useful for updating the pane options and triggering layout calculations on components which are positioned inside the panes.

onLayoutChange? (newState: SplitterPaneProps[], isLast: boolean, nativeEvent: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | any) => void

Deprecated. Use onChange prop instead.

orientation? "vertical" | "horizontal"

Specifies the orientation of the panes within the Splitter (more information and examples). Panes in a horizontal Splitter are placed horizontally. Panes in a vertical Splitter are placed vertically.

panes? SplitterPaneProps[]

Sets the options of the Splitter panes (more information and examples). Can be used for controlled state.

style? CSSProperties

Sets the styles of the Splitter.