ZBreadcrumb

Breadcrumb navigation

Example

Home / Products / Current

Import

import { ZBreadcrumb } from "zurto-ui";

Usage

import { ZBreadcrumb, ZBreadcrumbItem } from "zurto-ui";

function Example() {
  return (
    <ZBreadcrumb>
      <ZBreadcrumbItem href="/">Home</ZBreadcrumbItem>
      <ZBreadcrumbItem href="/products">Products</ZBreadcrumbItem>
      <ZBreadcrumbItem>Details</ZBreadcrumbItem>
    </ZBreadcrumb>
  );
}

Props

Prop	Type	Default	Description
separator	ReactNode	'/'	Separator element

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management