The library is still in early development. Breaking changes and bugs may occur without prior notice. Thanks for your interest in using the library!

Breadcrumb

A navigation component that helps users understand and navigate the hierarchy of a website.

Usage

Import the Breadcrumb component from @bun-ui/react and use it in your project:

import { Breadcrumb } from "@bun-ui/react"

<Breadcrumb>
  <BreadcrumbItem href="/">Home</Breadcrumb.Item>
  <BreadcrumbItem href="/docs">Docs</Breadcrumb.Item>
  <BreadcrumbItem>Current Page</Breadcrumb.Item>
</Breadcrumb>

Examples

Custom Separator

You can customize the separator between breadcrumb items using the separator prop.