Appearance Settings
You can control the appearance of the CheckBox button by setting the following attribute:
Size
You can increase or decrease the size of the CheckBox by setting the Size
attribute to a member of the Telerik.Blazor.ThemeConstants.CheckBox.Size
class:
Class member | Manual declaration |
---|---|
Small |
sm |
Medium |
md |
Large |
lg |
The built-in sizes
@{
var fields = typeof(Telerik.Blazor.ThemeConstants.CheckBox.Size)
.GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static
| System.Reflection.BindingFlags.FlattenHierarchy)
.Where(field => field.IsLiteral && !field.IsInitOnly).ToList();
@foreach (var field in fields)
{
string size = field.GetValue(null).ToString();
<div style="float:left; margin: 20px;">
<TelerikCheckBox @bind-Value="@isSelected" Size="@size"></TelerikCheckBox>
</div>
}
}
@code{
private bool isSelected { get; set; }
}
Rounded
The Rounded
attribute applies the border-radius
CSS rule to the checkbox to achieve curving of the edges. You can set it to a member of the Telerik.Blazor.ThemeConstants.CheckBox.Rounded
class:
Class member | Manual declaration |
---|---|
Small |
sm |
Medium |
md |
Large |
lg |
The built-in values of the Rounded attribute
@* The built-in values of the Rounded attribute. *@
@{
var fields = typeof(Telerik.Blazor.ThemeConstants.CheckBox.Rounded)
.GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static
| System.Reflection.BindingFlags.FlattenHierarchy)
.Where(field => field.IsLiteral && !field.IsInitOnly).ToList();
@foreach (var field in fields)
{
string rounded = field.GetValue(null).ToString();
<div style="float:left; margin: 20px;">
<TelerikCheckBox @bind-Value="@isSelected" Rounded="@rounded"></TelerikCheckBox>
</div>
}
}
@code{
private bool isSelected { get; set; }
}