Breadcrumb

Displays the path to the current resource using a hierarchy of links.

Default

A basic breadcrumb trail.

With Ellipsis

Breadcrumb with collapsed items.

Usage

julia

using Suite

Breadcrumb(
    BreadcrumbList(
        BreadcrumbItem(BreadcrumbLink("Home", href="/")),
        BreadcrumbSeparator(),
        BreadcrumbItem(BreadcrumbLink("Components", href="/components")),
        BreadcrumbSeparator(),
        BreadcrumbItem(BreadcrumbPage("Breadcrumb")),
    ),
)

API Reference

BreadcrumbLink

Prop	Type	Default	Description
href	String	"#"	Link URL
class	String	""	Additional CSS classes
children...	Any	-	Link text
kwargs...	Pair	-	Any HTML attribute

Sub-components

Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, and BreadcrumbEllipsis all accept class and kwargs....

Accessibility

Uses semantic nav element with aria-label="breadcrumb". Current page marked with aria-current="page".