Breadcrumb

Ready

Path to the current page.

Installation

$ npx @oratiq-js/ui add breadcrumb

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import

import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, /* … */ } from "@/components/ui/breadcrumb";

Default and collapsed

Separators mirror under RTL — the trail must read in the same direction as the language. The current page carries aria-current="page" and is not a link.

View source on GitHub → components/ui/breadcrumb.tsx