Breadcrumbs

Breadcrumbs display a hierarchy of links to the current page or resource in an application.

Important

By default, BreadcrumbLink uses a React Aria Component Link. To ensure this navigation works as expected with your framework, be sure to follow the Configure Routing step of the Draft UI installation.

Installation

CLI

Copy & Paste

bash

npx @sly-cli/sly add draft-ui breadcrumbs

Examples

Default

This is an example of the default Breadcrumb component

Example

Code

Home
React Aria
useBreadcrumbs