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.

Example
Edit Source

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

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

CRUD Operations and Data Management

Seamless Integration

Digital Transformation and Modernization

Design Systems and Consistency

From Prototyping to Production

Time to Market Reduced

Empower the Next Generation

Splitter

Save Hours on Every Project

Demos Configuration