为Blazor的Telerik UI?下载30天免费试用

外观设置

你可以通过设置以下属性来控制CheckBox按钮的外观:

大小

属性可以增加或减少复选框的大小大小属性的成员Telerik.Blazor.ThemeConstants.CheckBox.Size类:

类成员 手动声明
sm
媒介 医学博士
lg

内置尺寸

@{var fields = typeof(Telerik.Blazor.ThemeConstants.CheckBox.Size) . getfields (System.Reflection.BindingFlags. txt)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where(字段=>字段。isinitonly).ToList();@foreach (var field in fields){字符串大小= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">< TelerikCheckBox @bind-Value="@isSelected" Size="@size"> 
}} @code{private bool isSelected {get;设置;}}

圆形的

圆形的属性应用这个特性CSS规则的复选框来实现边缘的弯曲。的成员Telerik.Blazor.ThemeConstants.CheckBox.Rounded类:

类成员 手动声明
sm
媒介 医学博士
lg

圆滑属性的内置值

圆角属性的内置值。*@ @{var fields = typeof(telerik . blazor . themeconstants . checkbox .圆形). getfields (System.Reflection.BindingFlags. txt)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where(字段=>字段。isinitonly).ToList();@foreach (var field in fields){字符串圆角= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">< TelerikCheckBox @bind-Value="@isSelected"圆角化="@圆角化"> 
}} @code{private bool isSelected {get;设置;}}
在本文中
Baidu
map