SKILL.md
Implementing the Syncfusion React Menu Component
The Syncfusion React Menu component is a flexible, feature-rich navigation control for creating hierarchical menu structures with support for icons, separators, animations, accessibility, hamburger mode, scrolling, event handling, and item state management. Use it to build navigation bars, dropdown menus, context menus, mobile-responsive menus, and complex hierarchical navigation systems.
When to Use This Skill
- Building navigation menus: File menus, application menus, main navigation bars
- Dropdown menus: User action menus, context-sensitive options
- Sub-menu systems: Multi-level hierarchical navigation
- Hamburger/mobile menus: Responsive menu for mobile devices
- Menu customization: Adding/removing items, icons, separators, custom styling
- Event handling: Detecting menu item clicks, open/close events, item state changes
- Data-driven menus: Binding menus to JSON data structures (hierarchical or self-referential)
- Item state management: Enabling/disabling, showing/hiding, updating menu items
- Accessibility: Creating keyboard-navigable, screen reader-friendly menus
- RTL support: Right-to-left language menus
- Scrollable menus: Large menus with horizontal/vertical scrolling
- Persistence: Saving menu state across page reloads