DxSplitter.Panes Property

Defines splitter pane collection.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public RenderFragment Panes { get; set; }

Property Value

Type	Description
RenderFragment	A render fragment that contains splitter panes.

Remarks

Use the Panes property to define a collection of panes in the splitter component. You can specify the pane stack direction with the Orientation property.

DxSplitter displays a single-level stack of panes. To create multilevel panes, insert another splitter component within the content of a pane.

<DxSplitter CssClass="border" Height="200px" Width="950px">
    <Panes>
        <DxSplitterPane>Pane 1</DxSplitterPane>
        <DxSplitterPane>
            <DxSplitter Orientation="Orientation.Vertical">
                <Panes>
                    <DxSplitterPane>Pane 2-1</DxSplitterPane>
                    <DxSplitterPane>Pane 2-2</DxSplitterPane>
                </Panes>
            </DxSplitter>
        </DxSplitterPane>
        <DxSplitterPane>Pane 3</DxSplitterPane>
    </Panes>
</DxSplitter>

Run Demo