Splitter

Demonstration and configuration of the Radzen Blazor Splitter component.

In this demo nested splitters create a complex layout with vertical top-level splitter containing horizontal splitters, demonstrating pane Size, Min, Max, Resizable, Collapsible, and Visible properties, with Collapse, Expand, and Resize events logged to console. Tip: Double-click the splitter bar to quickly collapse or expand collapsible panes.

Pane A1
50% Min 30px Max 70%
Pane A2
Pane B1
Size 50px Min 30px
Pane B2
Pane B3
not resizable
Pane B4
Min 10%
Pane B5
not collapsible
Pane B7
not resizable
Pane B8
Pane C1
collapse and resize programmatically disabled
Pane C2
collapse and resize programmatically disabled

Console log

✨ 오늘의 명언 & 마음의 양식

“꿈을 꿀 수 있다면, 그것을 이룰 수 있다.”

— 월트 디즈니 (디즈니 창립자)

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙