Breadcrumbs

Displays the path to the current resource using a hierarchy of links.

Examples

Max Items

import { Breadcrumbs } from 'kalki-design'

<Breadcrumbs>Click me</Breadcrumbs>

npx kalki-design add breadcrumbs

import { Breadcrumbs } from 'kalki-design'

export default function Example() {
  return <Breadcrumbs />
}

Name	Type	Default	Description
Name`items`	Type`BreadcrumbItem[]`	Default`—`	DescriptionArray of items with label, href, and onClick handler.
Name`maxItems`	Type`number`	Default`—`	DescriptionMaximum number of items to show before collapsing inner items with ellipsis.
Name`separator`	Type`ReactNode`	Default`—`	DescriptionCustom separator element.