DevExpress · vladaskorohodova · Jan 30, 2025
diff --git a/concepts/05 UI Components/TreeView/02 Overview/00 Overview.md b/concepts/05 UI Components/TreeView/02 Overview/00 Overview.md
@@ -0,0 +1,3 @@
+TreeView is a UI component that displays a tree of text nodes.
+
+In this overview, you can find a map of TreeView elements, information about key features, and what to explore next.
diff --git a/concepts/05 UI Components/TreeView/02 Overview/05 Elements.md b/concepts/05 UI Components/TreeView/02 Overview/05 Elements.md
@@ -0,0 +1,6 @@
+<img src="/images/TreeView/treeview-elements.png" alt="TreeView elements" style="width: 600px;"/>
+
+1. [Search](/Documentation/Guide/UI_Components/TreeView/Search_Nodes/)
+2. [Expand icon](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#expandIcon)
+3. [Collapse icon](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#collapseIcon)
+4. [Item](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/items/)
diff --git a/concepts/05 UI Components/TreeView/02 Overview/10 Key Features.md b/concepts/05 UI Components/TreeView/02 Overview/10 Key Features.md
@@ -0,0 +1,11 @@
+- **Data Binding**    
+TreeView can load and update data from different [data source](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#dataSource) types. You can define data as [plain or hierarchical](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#dataStructure). If you choose plain data, you can load it in a [virtual mode](/Documentation/Guide/UI_Components/TreeView/Enhance_Performance_on_Large_Datasets/) to enhance performance on large datasets.
+
+- **Search**    
+You can enable [search](/Documentation/Guide/UI_Components/TreeView/Search_Nodes/) in the TreeView component, allowing node searches if they are loaded.
+
+- **Selection**     
+When selection is enabled, TreeView [displays check boxes](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#showCheckBoxesMode). You can specify various [selection modes](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#selectionMode). To handle selection, use event handlers such as [onSelectionChanged](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#onSelectionChanged), [onSelectAllValueChanged](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#onSelectAllValueChanged), and [onItemSelectionChanged](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#onItemSelectionChanged).
+
+- **Customization**     
+You can customize TreeView appearance. Set custom [collapse](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#collapseIcon) and [expand](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#expandIcon) icons. Specify a custom template for [all items](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#itemTemplate) or [individually](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/items/#template) for each item.
diff --git a/concepts/05 UI Components/TreeView/02 Overview/15 Explore More.md b/concepts/05 UI Components/TreeView/02 Overview/15 Explore More.md
@@ -0,0 +1,5 @@
+- [Getting Started with TreeView](/Documentation/Guide/UI_Components/TreeView/Getting_Started_with_TreeView/)
+
+- [API](/Documentation/ApiReference/UI_Components/dxTreeView/)
+
+- [Demos](https://js.devexpress.com/Demos/WidgetsGallery/Demo/TreeView/HierarchicalDataStructure/)
diff --git a/images/TreeView/treeview-elements.png b/images/TreeView/treeview-elements.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		TreeView is a UI component that displays a tree of text nodes.

		In this overview, you can find a map of TreeView elements, information about key features, and what to explore next.