Breadcrumb

A trail of links showing the current location hierarchy.

Install

npx shadcn add @clearly/breadcrumb

Preview

Live Breadcrumb component — see usage below.

Usage

import { Breadcrumb } from "@/components/ui/breadcrumb"

<Breadcrumb />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Props

PropTypeDefaultDescription
aria-labelstring"breadcrumb"Accessible label for the nav element.