组件/文本框
您可以通过设置以下属性来控制文本框按钮的外观:
控件可以增大或减小文本框的大小大小属性的成员Telerik.Blazor.ThemeConstants.TextBox.Size类:
| 类成员 |
手动声明 |
小 |
sm |
媒介 |
医学博士 |
大 |
lg |
@{var fields = typeof(Telerik.Blazor.ThemeConstants.TextBox.Size) . getfields (System.Reflection.BindingFlags. size)。Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where (field => field。IsLiteral && !field.IsInitOnly).ToList();@foreach (var字段中的字段){字符串大小= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;>< TelerikTextBox @bind-Value="@TextBoxValue" Size="@size">
}} @code{私有字符串TextBoxValue {get;设置;}}
的圆形的属性应用这个特性CSS规则，以实现文本框的边缘弯曲。您可以将其设置为Telerik.Blazor.ThemeConstants.TextBox.Rounded类:
| 类成员 |
手动声明 |
小 |
sm |
媒介 |
医学博士 |
大 |
lg |
完整的 |
完整的 |
@*舍入属性的内置值。*@ @{var fields = typeof(telerik . blazor . themeconstants . textbox . round) . getfields (System.Reflection.BindingFlags.)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where (field => field。IsLiteral && !field.IsInitOnly).ToList();@foreach (var字段中的字段){字符串四舍五入= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;>< TelerikTextBox @bind-Value="@TextBoxValue"舍入="@舍入">
}} @code{私有字符串TextBoxValue {get;设置;}}
的FillMode控制TelerikTextBox的填充方式。您可以将其设置为Telerik.Blazor.ThemeConstants.TextBox.FillMode类:
| 类成员 |
结果 |
固体
默认值 |
固体 |
平 |
平 |
大纲 |
大纲 |
@*这些都是内置的填充模式*@ @{var字段= typeof(Telerik.Blazor.ThemeConstants.TextBox.FillMode) . getfields (System.Reflection.BindingFlags.)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where (field => field。IsLiteral && !field.IsInitOnly).ToList();@foreach (var字段中的字段){字符串fillMode = field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">< span>@fillMode
ThemeBuilder是一个web应用程序，使您能够创建新的主题和自定义现有的。你所做的每一个改变几乎都会立刻被可视化。一旦你完成了UI组件的样式，你就可以导出一个包含主题样式的ZIP文件，并在Blazor应用程序中使用它们。