components/breadcrumb
Anzeige · 27 / 64

Breadcrumb

ui.widgets.Breadcrumb

Zeigt den aktuellen Ort und seine übergeordneten Ebenen.

BEHAVIOR CONTRACT

Trenner, aktuelles Element, klickbare Elemente und Kürzung bleiben lesbar.

RECORDED INTERACTION

Zeigt Home / Library / Data.

examples/storybook/stories.zig:691
// ── Breadcrumb ──
pub fn buildBreadcrumb(scope: *ui.Scope, cx: *ui.Cx) anyerror!*ui.Node {
    const items = [_]W.BreadcrumbItem{
        .{ .id = "home", .label_text = "Home" },
        .{ .id = "lib", .label_text = "Library" },
        .{ .id = "data", .label_text = "Data" },
    };
    return W.Breadcrumb(.{ .items = &items }).mount(scope, cx);
}
Quellcode auf GitHub ansehenexamples/storybook/stories.zig:691

Der unveränderte Quellcode der Story aus dem Storybook (zenit 5f9add5+wip 2026-09-30). W steht für ui.widgets; col / row / label sind kleine Layout-Helfer des Storybooks.

zenit · DoppellizenzKostenlos für Open-Source-Projekte unter GPL-3.0-only; Closed-Source- oder kommerzielle Produkte benötigen eine kommerzielle Lizenz.Kontakt zum Autor: zongyi.xzy#gmail.com (# durch @ ersetzen)zenit 5f9add5+wip 2026-09-30