New to Telerik UI for Blazor? Download free 30-day trial

Changing the Icon Position and Add Two or More Icons in a Button

Environment

Product Telerik® UI for Blazor Button

Description

How can I show an icon in a Telerik UI for Blazor Button on the right side of the text instead of on the left side? How can I also include more than one icon in the Button?

Solution

You can change the position of the icons and add more icons in the button by nesting the TelerikIcon in the TelerikButton content.

Reposition the Button icon and add more than one icon to the component

Telerik UI for Blazor Button with two icons

@*This button has two icons, one on the left and one on the right side of the text*@
<TelerikButton>
    <TelerikSvgIcon Icon="@SvgIcon.CheckOutline" />
    Check it
    <TelerikSvgIcon Icon="@SvgIcon.CheckOutline" />
</TelerikButton>
In this article