Menu - Images

The Telerik UI for Blazor Menu allows you to add icons for each item to visually communicate its purpose to the users. The supported visual options are Telerik font icons or custom font icons.

You can use the default data bindings in your model, so the Menu will automatically recognize the fields it needs to get the icons from. The default model property name is Icon.

Otherwise, you need a data binding, so the Menu can render the desired icons. Set the IconField parameter to point to the string model property that contains the icon name or CSS class.

The demo above demonstrates a Telerik Blazor Menu component that uses hierarchical data including icons for visual representation of the items’ purpose. The MenuItem model contains the default field names for the icons and images and therefore additional binding for the icons in the Menu component declaration is not needed.