Splitter

The Splitter component provides a dynamic layout of resizable, expandable, and collapsible panes.

Usage Guidelines

The Telerik and Kendo UI Splitter requires you to follow some basic principles when using the component.

Number of Split Bars

Incorporating the Splitter component sparingly is vital for a clear and user-friendly interface. Limiting their use helps avoid clutter and enhances navigation, ensuring a more streamlined and efficient user experience. This method effectively balances functionality with design simplicity.

A Telerik and Kendo UI Splitter with three split bars
Use Splitter components sparingly to maintain clarity and ease of use, ensuring each one serves a distinct, functional purpose.
A Telerik and Kendo UI Splitter with too many split bars
Avoid overloading the UI with too many Splitters as this can lead to clutter, confusion, and a frustrating user experience.

Minimum Pane Size

Establishing a minimum pane size is essential for keeping content legible and ensuring a navigable user experience. This prevents crucial information from becoming unreadable in constrained layouts.

A Telerik and Kendo UI Splitter with configured minimum pane size
Use minimum pane size settings and collapsible split bars. This preserves text readability and allows users to adjust the layout.
A Telerik and Kendo UI Splitter without configured minimum pane size
Avoid allowing panes to be resized to the point where text becomes unreadable.
Feedback