Blazor Button的Telerik UI是一个组件,可以根据所选择的主题、点击事件和Blazor WebAssembly (WASM)和服务器端Blazor应用程序中的图标,对其视觉外观进行完全控制。
Blazor按钮可以呈现为提交、按钮和重置类型的按钮,并提供了应用图像、精灵或字体图标的选项,这样你就可以向最终用户说明它的用途。它有内置的键盘导航,并通过其OnClick事件为开发人员提供了灵活性。
Button组件的ButtonType属性允许您配置要呈现的元素类型。可以在Blazor应用程序中设置的按钮类型如下:
提交-呈现type="submit"属性。可以提交表单并触发验证。默认值。
按钮-呈现一个type="button"属性。不调用表单验证和提交。
重置-呈现type="reset"属性。可以重置当前窗体。
Button组件提供了多个样式化选项:通过它的Class属性,通过使用图像、精灵或字体图标。要在你的Blazor应用程序中定制按钮,你所要做的就是设置图标,SpriteClass或ImageURL属性,或简单地重用一个可用的内置字体图标从Telerik UI的Blazor套件。
定制Button组件的另一种方法是应用预定义的Primary按钮样式。通过它的Primary属性,按钮接收强烈的颜色,并在Blazor应用程序中脱颖而出。通过这种方式,组件变得更加可见,吸引用户的注意来点击。
当然,您也可以设置组件实例的Class,并根据需要使用自己的CSS规则对其进行调整。
通过将按钮的form属性设置为指向要将按钮分配给的表单的Id,可以将按钮转换为表单提交按钮。
Button组件公开OnClick事件,使您能够在Blazor应用程序代码中处理用户单击操作。
语义HTML和对辅助标准的支持(包括WCAG、Section 508和屏幕阅读器的WAI-ARIA属性)让残疾用户可以轻松使用Telerik Blazor按钮。
Button组件具有内置的键盘导航,允许最终用户使用键盘轻松地导航、聚焦和单击按钮。
Telerik Blazor Button组件有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。属性可以轻松地自定义任何开箱即用的主题,或者使用属性创建新的主题来匹配颜色和品牌Telerik SASS ThemeBuilder应用程序.