Splitter / Default Functionalities

Blazor Splitter Example - Default Functionalities

Loading Syncfusion Blazor Server Demos…

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

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE