Breadcrumbs
A trail of links to the current page.
<script>
import Breadcrumb from '@brumate/ui/Breadcrumb.brm';
import Breadcrumbs from '@brumate/ui/Breadcrumbs.brm';
import Link from '@brumate/ui/Link.brm';
import Icon from '../../src/components/Icon.brm';
</script>
<nav aria-label="Trail">
<Breadcrumbs class="ui-group">
<Breadcrumb class="ui-crumb"><Link class="ui-link" href="#breadcrumbs">Home</Link><Icon name="arrow-right" size=(12) /></Breadcrumb>
<Breadcrumb class="ui-crumb"><Link class="ui-link" href="#breadcrumbs">Parts</Link><Icon name="arrow-right" size=(12) /></Breadcrumb>
<Breadcrumb isCurrent><Link class="ui-link" href="#breadcrumbs">Breadcrumbs</Link></Breadcrumb>
</Breadcrumbs>
</nav>
Breadcrumbsis an<ol>ofBreadcrumbitems, each with a Link. Put it in a<nav>with a label.isCurrenton the lastBreadcrumbgives its linkaria-current="page". Mark it yourself, since a part cannot read the structure of its children.isDisabledonBreadcrumbsdisables every link.