---
title: Usage
position: 2
seo_title: Guidelines for Using the ExpansionPanel Component
seo_description: Get the knack of the Telerik and Kendo UI ExpansionPanel 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 ExpansionPanel requires you to follow some basic principles when using the component.

### Purpose

ExpansionPanels, also known as accordion components, are valuable tools for organizing and simplifying user interfaces. They allow users to interact with and reveal additional content or options as needed, effectively reducing clutter and improving user experience. However, it's crucial to ensure that these panels are used thoughtfully, as overuse or hiding essential information behind them can hinder accessibility and frustrate users.

<DosDonts>
<Do description="Use ExpansionPanels to enable users to interact with and reveal additional information or options, enhancing the user experience by reducing clutter and complexity.">![A Telerik and Kendo UI ExpansionPanel used to simplify the user interface](images/components-expansionpanel-usage-purpose-do.png "Use the Telerik and Kendo UI ExpansionPanel to simplify the user interface.")</Do>
<Dont description="Avoid using ExpansionPanels when they hide important or critical content, requiring users to open all panels to access it. This can be frustrating for users and prevent them from quickly finding what they need.">![Incorrectly used Telerik and Kendo UI ExpansionPanel that hides important content](images/components-expansionpanel-usage-purpose-dont.png "Don't use the Telerik and Kendo UI ExpansionPanel when it hides important content.")</Dont>
</DosDonts>

### Titles and Icons

When incorporating ExpansionPanels into a user interface, it's crucial to strike a balance between providing clarity and avoiding unnecessary user interactions. Utilize descriptive titles and icons to guide users through the hidden content while reducing cognitive load.

<DosDonts>
<Do description="Use concise and descriptive titles alongside icons for each expansion panel to provide users with a clear understanding of the hidden content and reduce cognitive load.">![A Telerik and Kendo UI ExpansionPanel using icons and descriptive titles](images/components-expansionpanel-usage-titles-and-icons-do.png "Use icons and descriptive titles when working with the Telerik and Kendo UI ExpansionPanel.")</Do>
<Dont description="Avoid vague or ambiguous titles as this and the lack of visual cues can confuse users and lead to them opening all panels out of uncertainty, resulting in a poor user experience.">![An incorrectly used Telerik and Kendo UI ExpansionPanel with vague titles](images/components-expansionpanel-usage-titles-and-icons-dont.png "Don't use vague titles when working with the Telerik and Kendo UI ExpansionPanel.")</Dont>
</DosDonts>