Breadcrumb

Breadcrumbs provide secondary navigation to help users understand where they are in a website.

status: draft

Props

Slots

• default: scoped with items prop.

CSS Classes

• wrap: usa-breadcrumb--wrap

External Libraries

• None

Sub-Components

• Implement UsaBreadcrumbItem component #12

Dependencies

• None

Notes

• The nav element should have a aria-label set to Breadcrumb.
• Item schema matches that for the BaseLink component.

Tests

1. The component root is rendered as a nav element.
2. The component root nav element should have a description aria-label attribute.
3. The component is rendered as an ordered list of items.
4. If the last item is the current page it should not be rendered as a link.
5. If the last item is the current page it should have the aria-current attribute set to page.
6. If the last item is the current page it should have the usa-current CSS class applied.
7. The items prop is required.