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
@*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>