---
title: Usage
position: 2
seo_title: Guidelines for Using the Splitter Component
seo_description: Get the knack of the Telerik and Kendo UI Splitter and learn
  how to use and implement the component by following the instructions and
  recommendations in the user guidelines created by our designers.
---

## 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.

<DosDonts>
<Do description="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 three split bars](images/components-splitter-usage-number-of-splitbars-do.png "A Telerik and Kendo UI Splitter used sparingly ensures clarity and ease of use.")</Do>
<Dont description="Avoid overloading the UI with too many Splitters as this can lead to clutter, confusion, and a frustrating user experience.">![A Telerik and Kendo UI Splitter with too many split bars](images/components-splitter-usage-number-of-splitbars-dont.png "Don't add too many split bars when working with the Telerik and Kendo UI Splitter.")</Dont>
</DosDonts>


### 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.

<DosDonts>
<Do description="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 with configured minimum pane size](images/components-splitter-usage-minimum-pane-size-do.png "Set the minimum pane size when working with the Telerik and Kendo UI Splitter.")</Do>
<Dont description="Avoid allowing panes to be resized to the point where text becomes unreadable.">![A Telerik and Kendo UI Splitter without configured minimum pane size](images/components-splitter-usage-minimum-pane-size-dont.png "Don't use the Telerik and Kendo UI Splitter without a minimum pane size set.")</Dont>
</DosDonts>