Examples
Horizontal layouts
>
Vertical layouts
>
Nested groups
>
Persistent layouts
>
Overflow content
>
Collapsible panels
>
Conditional panels
>
External persistence
>
Imperative Panel API
>
Imperative PanelGroup API
>
(examples)
Vertical layouts are defined by setting the "direction" prop to "vertical".
top
bottom
1
<
PanelGroup
direction
=
"vertical"
>
2
<
Panel
defaultSize
=
{50}
maxSize
=
{75}
minSize
=
{10}
>
3
<
Text
>
top
</
Text
>
4
</
Panel
>
5
<
ResizeHandle
/>
6
<
Panel
maxSize
=
{75}
minSize
=
{10}
>
7
<
Text
>
bottom
</
Text
>
8
</
Panel
>
9
</
PanelGroup
>