# TreeLines

Blazor TreeView supports treelines for connecting treeview nodes. Learn about treelines used in TreeView in Blazor documentation.

## Content



Tree lines, as the name suggests, are the lines connecting the nodes of a TreeView displaying the relationship between parent and child nodes clearly. By default, TreeView does not show treelines. However, you can display the treelines by setting [ShowLines](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.TreeView/C1.Blazor.TreeView.C1TreeView.ShowLines.html) property of the [C1TreeView](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.TreeView/C1.Blazor.TreeView.C1TreeView.html) class to **true**.

The following image shows TreeView with the treelines.

![TreeView with customized tree lines](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/treeview-treelines.png)

The following code demonstrates how to display the treelines programmatically.

```razor
@using C1.Blazor.TreeView
<C1TreeView ShowLines="true">
    <TreeViewItem Header="Devices">
        <TreeViewItem Header="Mobiles">
            <TreeViewItem Header="Apple" />
            <TreeViewItem Header="Xiaomi" />
            <TreeViewItem Header="Nokia" />
        </TreeViewItem>
        <TreeViewItem Header="Tablets" />
        <TreeViewItem Header="Monitor" />
    </TreeViewItem>
    <TreeViewItem Header="Appliances">
        <TreeViewItem Header="Television" />
        <TreeViewItem Header="Washing Machine" />
    </TreeViewItem>        
    </C1TreeView>
```