Breadcrumb

Shows where the current page sits in the site's hierarchy, as a trail of links.

Preview

Loading Preview...

Installation

bun add xiod-ui

Usage

1import {2  Breadcrumb,3  BreadcrumbEllipsis,4  BreadcrumbItem,5  BreadcrumbLink,6  BreadcrumbList,7  BreadcrumbPage,8  BreadcrumbSeparator9} from "xiod-ui/breadcrumb";

1<Breadcrumb>2  <BreadcrumbList>3    <BreadcrumbItem>4      <BreadcrumbLink />5    </BreadcrumbItem>6    <BreadcrumbSeparator />7  </BreadcrumbList>8</Breadcrumb>

API Reference

Detailed documentation of properties and options.

Accepts render, plus every native <nav> attribute.

Prop	Type	Default	Description
`labels`	`Partial<BreadcrumbLabels>`	–	Replaces the built-in text of this breadcrumb and its parts. Takes precedence over `LabelsProvider`.

BreadcrumbEllipsis

Accepts render,

plus every native <span> attribute.

Prop	Type	Default	Description
`icon`	`ReactNode`	–	Replaces this icon. Accepts any node; `null` renders no icon. Takes precedence over `IconProvider`.

BreadcrumbItem

Accepts render, plus every native <li> attribute.

BreadcrumbLink

Accepts render, plus every native <a> attribute.

BreadcrumbList

Accepts render, plus every native <ol> attribute.

BreadcrumbPage

Accepts render, plus every native <span> attribute.

BreadcrumbSeparator

Accepts render, plus every native <li> attribute.

Prop	Type	Default	Description
`icon`	`ReactNode`	–	Replaces this icon. Accepts any node; `null` renders no icon. Takes precedence over `IconProvider`.

Loading...

Preview Skeleton

Installation Skeleton

Usage Skeleton

API Reference Skeleton