Yggdrasil
搜索⌘K

面包屑

Breadcrumb操作与导航

用斜线分隔的层级路径。前几级是链接，最后一级是当前页，过长时截断。

预览

属性

名称类型默认值说明
itemsSignal<Vec<Crumb>>必填层级列表，用 Crumb::link(标签, 路由) 与 Crumb::current(标签) 构造。

键盘

Tab
在链接之间移动

用法

src/components/ui/navigation.rs
Leptos view!
view! {
    <Breadcrumb items=vec![
        Crumb::link("\u5173\u4E8E", Route::About),
        Crumb::link("\u7EC4\u4EF6\u56FE\u9274", Route::ComponentShowcase),
        Crumb::current("\u590D\u9009\u6846"),
    ]/>
}