Example of Default Functionalities in Blazor Splitter Component
This example demonstrates the default functionalities of the Blazor Splitter component with increased pane dimension of and separator (divider) bar size.
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
The split panes of the Splitter component can be oriented horizontally or vertically using the Orientation property.
- Set Orientation property to
Horizontalto create horizontal Splitter, which aligns panels left-to-right. - Set Orientation property to
Verticalto create vertical Splitter, which aligns panels top-to-bottom.
The Splitter allows resizing its panes when the drag separator (divider) bar is used to increase its dimension.
See also