<SplitContainer /> allows controlling which sides are collapsible and which sides are collapsed.
To specify that only one of the sides is collapsible, use the
prop. It accepts an array of booleans - for example,
will render the second side as not collapsible (so the splitbar will only have a left arrow on it, to collapse the first side of the
If you use the controlled
prop, make sure you also specify
callback props to update the value of
when the user interacts with the
. Otherwise, if you don't update the value, the
will not update its UI accordingly.
When one of the sides of the
is collapsed, the user can expand it with a click on the expand arrow or with a double-click anywhere on the splitbar (unless the