edbnedbn/ui
ComponentsMapsAudioPDF
GitHub stars
Explorer
Get Started
Components

Breadcrumb

Navigation breadcrumb trail with separator support.

Components

Installation

npx shadcn@latest add https://ui.edbn.me/r/breadcrumb.json

Manual

API Reference

Breadcrumb

Navigation breadcrumb trail. Renders a nav element.

separatorReactNode
=<ChevronRight />

Custom separator element

classNamestring

CSS class name

BreadcrumbList

Ordered list of breadcrumb items. Renders an ol element.

classNamestring

CSS class name

BreadcrumbItem

A single breadcrumb entry. Renders a li element.

classNamestring

CSS class name

BreadcrumbLink

A clickable breadcrumb link. Renders an a element.

asChildboolean
=false

Merge props into child element

classNamestring

CSS class name

BreadcrumbPage

The current page indicator. Renders a span element.

classNamestring

CSS class name

BreadcrumbSeparator

Visual separator between items. Renders a li element.

childrenReactNode
=<ChevronRight />

Custom separator icon

classNamestring

CSS class name

BreadcrumbEllipsis

Collapsed breadcrumb indicator. Renders a span element.

classNamestring

CSS class name