New to Telerik UI for Blazor? Start a free 30-day trial
Styling
There are a few ways to style the Button component:
- Set a primary button style.
- Use another built-in theme.
- Use the Button
Class
attribute.
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>