Blazor Splitter Example - Default Functionalities
Horizontal Splitter
Left pane
size: 25%
min: 60px
Middle pane
size: 50%
min: 60px
Right pane
size: 25%
min: 60px
Vertical Splitter
Top pane
size: 30%
min: 60px
Middle pane
size: 45%
min: 60px
Bottom pane
size: 25%
min: 60px
This example demonstrates the default functionalities of the Blazor Splitter component, including increased pane dimensions and separator size.
Orient panes horizontally or vertically using the Orientation property:
Horizontal– Aligns panes left-to-right.Vertical– Aligns panes top-to-bottom.
Resize panes by dragging the separator (divider) bar.
See also