SusBreadcrumbs

层级路径 — 可点击的祖先节点，当前叶节点为纯文本。

包

SusKit · 原子（商业）

在 Playground 中打开

SusKit · Atoms

属性

名称	类型	默认值
Divider	Prop<string>	"/"	v-model
Density	Prop<string>	"default"	v-model
Color	Prop<string>	"primary"	v-model
Disabled	Prop<bool>	false	v-model

插槽

没有插槽。

事件

名称	字段	载荷
Click	OnClick	string
ItemClick	OnItemClick	BreadcrumbItem

样式钩子

USS 类契约 — 无需改 C# 即可覆盖外观。状态通过这些类切换：

• sus-breadcrumbs
• sus-breadcrumbs__divider
• sus-breadcrumbs__item
• sus-breadcrumbs__item--current
• sus-breadcrumbs__item--last
• sus-breadcrumbs__item--link
• sus-breadcrumbs__row
• sus-breadcrumbs--density-comfortable
• sus-breadcrumbs--density-compact
• sus-breadcrumbs--disabled

用法

在代码中填充 Items。最后一项是当前页面（不是链接）。之前的条目会触发 OnClick / OnItemClick。

var crumbs = new SusBreadcrumbs();
crumbs.Divider.Value = "/";
crumbs.Color.Value = "primary";
crumbs.Items.Value = new List<SusBreadcrumbs.BreadcrumbItem>
{
    new() { Title = "Home", Value = "home" },
    new() { Title = "Settings", Value = "settings" },
    new() { Title = "Audio", Value = "audio" },
};
crumbs.OnClick += value => { /* navigate by value */ };

属性 / 事件	作用
Items	List<BreadcrumbItem> — Title、Href、Value、Disabled
Divider	节点间的分隔符字符串（默认 /）
OnClick	Action<string> — 选中的 Value
OnItemClick	Action<BreadcrumbItem> — 完整条目