Hi Nick,
Greetings from Syncfusion support.
To achieve your requirement, you need to use the Google
icons in the TreeView node template as mentioned below. Also, include the
mentioned style sheet in your _Layout.cshtml page.
Refer to the below code snippet.
[Index.razor]
<SfTreeView TValue="EmployeeDetails" CssClass="custom" FullRowSelect="true">
...
<TreeViewTemplates TValue="EmployeeDetails">
<NodeTemplate>
@{
var employee
= ((context as
EmployeeDetails));
<div id="def">
<span class="ename">@((@context
as EmployeeDetails).EmployeeName)</span>
<i class="material-icons">cloud</i>
</div>
}
</NodeTemplate>
</TreeViewTemplates>
<TreeViewEvents TValue="EmployeeDetails"></TreeViewEvents>
</SfTreeView>
|
Sample:https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-76675239.zip
Check out the attached sample for your reference.