@model IEnumerable<TreeViewData>

<h1>
    Styling and CSS
</h1>

<p>
    You can customize the appearance of the TreeView using CSS.
</p>
<p>
    This example changes the collapse/expand icons, uses different
    font sizes depending on node level, and adds a vertical bar to
    the left of the level one nodes.
</p>
<div>
    <label>
        Use Custom CSS
        <input id="customCSS" type="checkbox" checked="true">
    </label>
</div>

@Html.C1().TreeView().Id("theTree").CssClass("custom-tree").Bind(Model).DisplayMemberPath("Header").ChildItemsPath("Items")