BreadCrumb

@spartanfx/react v1.0.4

---

@spartanfx/react / BreadCrumb

Variable: BreadCrumb

const BreadCrumb: React.FunctionComponent<IBreadCrumbProps>

A production-ready breadcrumb navigation component for hierarchical navigation.

Features:

• Auto-truncation with overflow menu when too many items
• Custom separators and icons
• Multiple overflow strategies (collapse, scroll, wrap)
• Keyboard navigation support
• Responsive design
• Custom rendering for full control
• Themeable via tokens and CSS classes
• Full accessibility support

Example

<BreadCrumb
  items={[
    { id: '1', label: 'Home', href: '/' },
    { id: '2', label: 'Products', href: '/products' },
    { id: '3', label: 'Electronics' },
  ]}
  maxItems={5}
  onItemClick={(item) => navigate(item.href)}
/>