[Solved] icon property in Kendo drop down list

[Vikas]

can we use icon property in Kendo Dropdown List Angular

[Hetali]

Hello Vikas,

Yes, you can add the icons in the Kendo UI DropDownList component. Based on your requirement, you can use the desired Template. For example:

<kendo-dropdownlist>
  <ng-template kendoDropDownListItemTemplate let-dataItem>
    <kendo-svg-icon [icon]="dataItem.icon"></kendo-svg-icon> {{ dataItem.text }}
  </ng-template>
  <ng-template kendoDropDownListValueTemplate let-dataItem>
    <kendo-svg-icon [icon]="dataItem.icon"></kendo-svg-icon> {{ dataItem?.text }}
  </ng-template>
</kendo-dropdownlist>

I have created this StackBlitz example where I have added the SVG Icons in the DropDownList.

Additionally, we also have the Icon DropDownButton if you would like to use that component.

I hope I have addressed your question correctly. Please let me know if I can further assist you.

Regards,
Hetali
Progress Telerik

[gensha]

Hi, 

Can we also use the url image instead of icon?

[Hetali]

Hi Gensha,

Yes, you can add an Image URL in the Kendo UI DropDownList templates. Take a look at the StackBlitz example.

Let me know if it helps or if you have questions.

Regards,
Hetali
Progress Telerik