Example of Default Functionalities in React Splitter Component

All Controls
/
Splitter
/
Basic

This example demonstrates the default functionalities of the Splitter control. To resize panes and increase the dimension of a pane, drag a separator (divider) bar.

More Details...

Loading....
Description

The split panes of the Splitter control can be oriented horizontally or vertically using the Orientation property.

  • Set orientation property to Horizontal to create horizontal splitter, which align panels left-to-right.
  • Set orientation property to Vertical to create vertical splitter, which align panels top-to-bottom.
The splitter allows resizing its panes when the drag separator (divider) bar is used to increase its dimension.