navigation contract

Breadcrumb

Hierarchical location indicator. For deep object trees.

Variants

default
arrow
collapsed

Sizes

sm
md

Example

<Breadcrumb><BreadcrumbItem href="/">Home</BreadcrumbItem><BreadcrumbItem href="/projects">Projects</BreadcrumbItem><BreadcrumbItem current>Acme Web</BreadcrumbItem></Breadcrumb>

Usage rule

Wrap in `<nav aria-label="Breadcrumb">` with an ordered list.

The full Breadcrumb contract has 3 more rules, plus the do-not patterns. Get the full recipe.

Related

Get the Breadcrumb contract in your project.