Blazor工具栏-概述

  • Overview.razor
正在加载演示源代码…请稍等。
Blazor UI忍者形象

工具栏组件是为Blazor的Telerik UI,一个具有100个本地组件的专业级UI库,用于构建现代和功能丰富的应用程序。想要试用它,请注册一个30天的免费试用。

描述

为Blazor工具栏的Telerik UI是将按钮和按钮组组织到工具栏中的容器。它支持用于完全定制的模板,并提供分隔符和分隔符来更好地组织内部组件。

Blazor工具栏包括这些内置工具:

  • ToolbarButton:一个只有文本和图标的按钮。
  • ToolbarToggleButton:有两种状态的按钮:正常状态和选中状态。
  • ToolbarButtonGroup:将具有相关用途的多个按钮组合在一起。当您向工具栏添加多个组时,它将合理地分隔它们。

Blazor工具栏将自动布局和空间您的按钮组。其内容包括:

  • ToolBarSeparator:在两个项目之间添加一行。各种设置帮助您定制其响应行为。
  • ToolBarSpacer:在工具栏项周围添加空白。

您可以使用模板将自己的项目添加到Blazor工具栏中。许多开发者喜欢添加Blazor下拉列表来帮助用户选择值。

上面的Blazor ToolBar示例设想了一个自定义电子邮件客户端。前几个项目使用内置的ToolBarButton。最后一项(移动到)展示了如何使用ToolBarTemplate将Blazor下拉菜单添加到工具栏中。

请随意在Blazor REPL中打开这个演示(如下所述),并添加工具bargroups、工具barspacers和工具barseparators等项,看看它到底有多简单。

这个工具栏概述示例是一个独特的集合,数百Blazor演示的一部分,您可以通过它看到所有用于Blazor组件的Telerik UI他们的特征在行动。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观开拓者的Telerik REPLThemeBuilder

支持和学习资源

额外的资源

出现错误。此应用程序在重新加载之前可能不再响应。
重新加载
Baidu
map