Splitter

Release candidate

Splitter divides window content into separate regions called split panels that can be dragged and resized, allowing users to customize the layout of their workspace.

Also known as: Resizable, Resizable panel

View source code

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected

Using the components

When to use

To divide a window into sections or panes by introducing a moveable separator
To customize the layout of a workspace within an allowed range
To change the relative size of the panes

When not to use

If a window has enough space to host the Content
If the panes' content is not relevant to each other

Import

To import Splitter and related components from the lab Salt package, use:

Props

`Splitter`

Name	Type	Description	Default

`SplitPanel`

Name	Type	Description	Default

`SplitHandle`

Name	Type	Description	Default

Using the components

When to use

To divide a window into sections or panes by introducing a moveable separator
To customize the layout of a workspace within an allowed range
To change the relative size of the panes

When not to use

If a window has enough space to host the Content
If the panes' content is not relevant to each other

Import

To import Splitter and related components from the lab Salt package, use:

Props

`Splitter`

Name	Type	Description	Default

`SplitPanel`

Name	Type	Description	Default

`SplitHandle`

Name	Type	Description	Default

Using the components

When to use

To divide a window into sections or panes by introducing a moveable separator
To customize the layout of a workspace within an allowed range
To change the relative size of the panes

When not to use

If a window has enough space to host the Content
If the panes' content is not relevant to each other

Import

To import Splitter and related components from the lab Salt package, use:

Props

`Splitter`

Name	Type	Description	Default

`SplitPanel`

Name	Type	Description	Default

`SplitHandle`

Name	Type	Description	Default