Syncfusion React Breadcrumb

This wraps Syncfusion's React Breadcrumb component with solid documentation for navigation paths and site hierarchy. You get six overflow modes (Menu, Collapsed, Scroll, etc.), icon support, templating for custom separators and items, and full routing integration. The skill covers everything from basic setup to accessibility compliance and RTL support. Most useful when you need more than a simple breadcrumb trail, like handling deep hierarchies that don't fit on screen or binding dynamically from URLs. The API reference is thorough and includes event handling for itemClick and beforeItemRender. If you're already using Syncfusion components, this slots right in. Otherwise, it's a heavier dependency than rolling your own for simple cases.

skills.sh installs: 684
GitHub stars: 3
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-breadcrumb --agent claude-code

Installs into .claude/skills of the current project.

Files

Syncfusion React Breadcrumb Component Skill

When to Use This Skill
Component Overview
Documentation and Navigation Guide
Quick Start Example
Common Patterns
Key Props Reference
Common Use Cases

When to Use This Skill

Use this skill when you need to:

Create breadcrumb navigation showing the current location in a hierarchical structure
Enable navigation between different pages or sections in your application
Handle breadcrumb item overflow with different strategies (Menu, Scroll, Collapsed, etc.)
Customize breadcrumb appearance with icons, templates, or separators
Implement accessible breadcrumb navigation with keyboard support
Bind breadcrumb items dynamically from URLs or data
Integrate breadcrumbs with routing libraries for single-page applications
Disable entire breadcrumb or individual items conditionally
Handle breadcrumb events and perform custom logic
Apply RTL support for internationalization