Progress Telerik UI for Blazor

Blazor按钮

  • Blazor Button组件为主题、点击事件和图标提供了三种基本的按钮类型和样式功能。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,完全适合任何应用程序的需求。
  • Blazor UI套件还提供了专业设计的主题,支持开关的翻转,文档处理库,丰富的文档和演示,以帮助您立即开始。
Telerik UI的Blazor套件
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • Blazor Buttons概述

    Blazor Button的Telerik UI是一个组件,可以根据所选择的主题、点击事件和Blazor WebAssembly (WASM)和服务器端Blazor应用程序中的图标,对其视觉外观进行完全控制。

    Blazor按钮可以呈现为提交、按钮和重置类型的按钮,并提供了应用图像、精灵或字体图标的选项,这样你就可以向最终用户说明它的用途。它有内置的键盘导航,并通过其OnClick事件为开发人员提供了灵活性。


    Telerik UI的Blazor按钮概述
  • 西装纽扣类型

    Button组件的ButtonType属性允许您配置要呈现的元素类型。可以在Blazor应用程序中设置的按钮类型如下:


    • 提交-呈现type="submit"属性。可以提交表单并触发验证。默认值。

    • 按钮-呈现一个type="button"属性。不调用表单验证和提交。

    • 重置-呈现type="reset"属性。可以重置当前窗体。


  • 西装纽扣造型

    Button组件提供了多个样式化选项:通过它的Class属性,通过使用图像、精灵或字体图标。要在你的Blazor应用程序中定制按钮,你所要做的就是设置图标,SpriteClass或ImageURL属性,或简单地重用一个可用的内置字体图标从Telerik UI的Blazor套件。


    定制Button组件的另一种方法是应用预定义的Primary按钮样式。通过它的Primary属性,按钮接收强烈的颜色,并在Blazor应用程序中脱颖而出。通过这种方式,组件变得更加可见,吸引用户的注意来点击。


    当然,您也可以设置组件实例的Class,并根据需要使用自己的CSS规则对其进行调整。


    Telerik UI的Blazor按钮样式
  • 形式参数

    通过将按钮的form属性设置为指向要将按钮分配给的表单的Id,可以将按钮转换为表单提交按钮。

  • Blazor按钮OnClick事件

    Button组件公开OnClick事件,使您能够在Blazor应用程序代码中处理用户单击操作。

    Telerik UI Blazor事件
  • Blazor按钮键盘导航和辅助功能

    语义HTML和对辅助标准的支持(包括WCAG、Section 508和屏幕阅读器的WAI-ARIA属性)让残疾用户可以轻松使用Telerik Blazor按钮。


    Button组件具有内置的键盘导航,允许最终用户使用键盘轻松地导航、聚焦和单击按钮。


    Telerik UI Bazor键盘导航
  • Blazor Button主题

    Telerik Blazor Button组件有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。属性可以轻松地自定义任何开箱即用的主题,或者使用属性创建新的主题来匹配颜色和品牌Telerik SASS ThemeBuilder应用程序

    Telerik UI的Blazor按钮主题

所有Blazor组件

下一个步骤

发射演示

看看Telerik UI的Blazor在行动,并检查它可以做多少开箱即用。

下载免费试用

尝试Telerik UI Blazor与专门的技术支持。

Baidu
map