Const
Shows where the current page sits in a hierarchy. The last item is the current page and gets aria-current="page". Set maxItems to collapse long trails into an ellipsis that expands the full trail.
aria-current="page"
maxItems
<Breadcrumb maxItems={4}> <Breadcrumb.Item href="/">Home</Breadcrumb.Item> <Breadcrumb.Item href="/projects">Projects</Breadcrumb.Item> <Breadcrumb.Item href="/projects/apollo">Apollo</Breadcrumb.Item> <Breadcrumb.Item>Settings</Breadcrumb.Item></Breadcrumb> Copy
<Breadcrumb maxItems={4}> <Breadcrumb.Item href="/">Home</Breadcrumb.Item> <Breadcrumb.Item href="/projects">Projects</Breadcrumb.Item> <Breadcrumb.Item href="/projects/apollo">Apollo</Breadcrumb.Item> <Breadcrumb.Item>Settings</Breadcrumb.Item></Breadcrumb>
Shows where the current page sits in a hierarchy. The last item is the current page and gets
aria-current="page". SetmaxItemsto collapse long trails into an ellipsis that expands the full trail.