Breadcrumb

Displays the path to the current page as a hierarchy of links so users can see where they are and jump back to any parent level.

Breadcrumb

Installation

pnpm dlx shadcn@latest add @sortui/breadcrumb

Usage

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

Examples

Collapsed

Separators

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.