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

Change icons position and add more than one icon in a button

Environment

Product Button for Blazor

Description

How to make an icon in a button appear on the right side of the text instead of on the left side? How to include more than one icon in a button?

Solution

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

Change the position of the icon in a button and add more than one icon. The result from the snippet below.

Button with two icons

@*This button has two icons, one on the left and one on the right side of the text*@
<TelerikButton>
    <TelerikIcon Icon="check-outline" />
    Check it
    <TelerikIcon Icon="check-outline" />
</TelerikButton>
In this article
Not finding the help you need? Improve this article