Playground GitHub npm

Breadcrumb

Navigation path with chevron separators; last item = current.

ui navigation

Preview

Installation

npx slintcn@latest add breadcrumb

Usage

import { Breadcrumb, BreadcrumbItem } from "slintcn/components/breadcrumb.slint";

Breadcrumb {
    items: [{ label: "Home" }, { label: "Components" }, { label: "Breadcrumb" }];
    navigate(i) => { /* … */ }
}

Properties

items in [BreadcrumbItem]

Crumbs left-to-right; the last item renders as the current page.

navigate callback (int)

Fired when a crumb is clicked; argument is its index.

Dependencies

iconlucide-paths

Installed automatically as transitive dependencies of slintcn add breadcrumb.