Blazor Breadcrumb -概述

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

的面包屑组件Blazor的Telerik UI,一个专业级的UI库,包含100个本地组件,用于构建现代和功能丰富的应用程序。想要试用它,可以注册一个30天的免费试用期。

描述

Blazor的Telerik UI面包屑组件允许您在文件夹结构或网页中导航。它使您能够实现向后导航,为用户提供一种简单的方法,可以返回一个或多个步骤,方法是在前面的每个页面留下水平链接的“痕迹”。该组件不仅自动生成面包屑,还允许您自定义整个组件或单个节点的外观,插入图标或使用API来响应触发的事件。

上面的演示是一个使用BreadCrum组件在Blazor应用程序中实现二级网站导航菜单的示例。对于这个虚构的技术商店,用户需要导航5个页面进入网站,并向下钻到游戏键盘。他们可以通过单击父页面的名称轻松地导航回其中一个父页面。如果您在“View source”选项卡中查看源代码,您将看到面包屑项是手动定义的。更常见的场景是通过数据或属性绑定自动生成项。您还将看到,创建者决定为“Home”项使用图标,但其余部分仅使用文本。你可以在所有的项目上使用图标。您还可以选择不同的分隔符或折叠父节点(这个功能在小屏幕上非常有用)。此外,模板可用于将Blazor Breadcrumb项目转换为按钮或应用几乎任何您喜欢的样式。

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

支持和学习资源

额外的资源

发生错误。此应用程序可能不再响应,直到重新加载。
重新加载
Baidu
map