syncfusion-javascript-toolbar
OfficialAI-assisted Syncfusion Toolbar mastery
Authorsyncfusion
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Building consistent, accessible toolbars with Syncfusion EJ2 in TypeScript can be time-consuming without a proven pattern. This skill provides ready-made guidance, patterns, and APIs to implement toolbars, manage items (buttons, separators, inputs), and support responsive behavior, RTL, and accessibility.
Core Features & Use Cases
- Toolbar composition: combine buttons, separators, and input components to form command bars.
- Responsive overflow: configure Scrollable, Popup, MultiRow, or Extended modes to adapt to various layouts.
- Rich interactions: handle events (clicked, beforeCreate, keyDown), tooltips, icons, and templates for custom rendering.
- Accessibility & theming: RTL support, WCAG readiness, and theme integration for consistent visuals.
Quick Start
Create a basic Syncfusion Toolbar with a few items and enable Scrollable overflow to mimic a responsive toolbar.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: syncfusion-javascript-toolbar Download link: https://github.com/syncfusion/javascript-ui-controls-skills/archive/main.zip#syncfusion-javascript-toolbar Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.