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

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

### Hierarchical List

The TreeView component is primarily designed for representing hierarchical structures, such as nested categories, file systems, or organizational charts. It allows users to navigate through levels of information in a structured manner.

<DosDonts>
<Do description="Use the TreeView component for hierarchical lists.">![A Telerik and Kendo UI TreeView component with two parent items and several child items](images/components-treeview-usage-hierarchical-list-do.png "Use the Telerik and Kendo UI TreeView component to represent hierarchical structures")</Do>
<Dont description="Avoid using a TreeView when you need to create expandable and collapsible sections of content. In such cases, use Accordions.">![A Telerik and Kendo UI TreeView component with non-hierarchical content](images/components-treeview-usage-hierarchical-list-dont.png "Avoid using the Telerik and Kendo UI TreeView component to represent non-hierarchical content.")</Dont>
</DosDonts>


### Icons

Visual cues and icons play a crucial role in enhancing the usability of the TreeView component. They provide valuable visual indicators that help users navigate, comprehend the hierarchy, and identify different types of nodes within the tree.

<DosDonts>
<Do description="When using icons in TreeView component, ensure their presence across all nodes.">![A Telerik and Kendo UI TreeView component with icons for all items](images/components-treeview-usage-icons-do.png "Be consistent when using icons for the items in the Telerik and Kendo UI TreeView items.")</Do>
<Dont description="Avoid using icons selectively on some nodes only as this can negatively impact the hierarchical structure and result in poor user experience.">![A Telerik and Kendo UI TreeView component with an icon for only one of the items](images/components-treeview-usage-icons-dont.png "Avoid assigning an icon only to some of the items when working with the Telerik and Kendo UI TreeView.")</Dont>
</DosDonts>