SplitterProps

Determines the children nodes.

Sets additional classes to the component.

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

<Splitter defaultPanes={[{ size: '30%' }, { size: '70%' }]} />

Sets the id property of the top div element of the component.

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.

<Splitter onChange={(event) => console.log(event.newState)} />

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.

<Splitter orientation="vertical" />

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

<Splitter panes={[{ size: '50%' }, { size: '50%' }]} />

Sets additional CSS styles to the component.