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

Styling

There are a few ways to style the Button component:

Primary Button

To set a Primary button you should set the ThemeColor parameter to primary. Read the Appearance article for further information....

Button Class

The Class attribute allows you to define custom CSS rules that apply to the HTML rendering of one or several Buttons.

Set CSS class to the button and change its appearance

<TelerikButton Class="my-button">Large button with red text</TelerikButton>

<style>
    .my-button,
    .my-button:hover {
        color: red;
        width: 200px;
        height: 50px;
    }
</style>
In this article