syncfusion-javascript-tab
OfficialBuild production-ready Syncfusion Tab components
Authorsyncfusion
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The Syncfusion Tab skill helps developers quickly design, configure, and integrate robust tabbed interfaces so teams avoid repetitive API lookup, incorrect patterns, and accessibility regressions when building complex multi-panel UIs.
Core Features & Use Cases
- Rendering tabs from JSON or HTML, with header placement (Top, Bottom, Left, Right) and adaptive overflow modes (Scrollable, Popup, MultiRow).
- Content loading modes (Demand, Dynamic, Init), lazy loading patterns, and data-binding for remote or local sources.
- Interaction and UX features: drag-and-drop reordering, swipe gestures, animation settings, showCloseButton, and responsive behaviors for dashboards, wizards, and mobile navigation.
- Accessibility, localization, RTL support, state persistence, and built-in HTML sanitization for secure rendering of user content.
- Useful for dashboard layouts, multi-step forms/wizards, documentation examples, and admin panels where consistent, production-ready tab behavior is required.
Quick Start
Use the syncfusion-javascript-tab skill to generate a TypeScript Tab component configured with JSON items, responsive overflowMode, enableHtmlSanitizer enabled, and drag-and-drop support.
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-tab Download link: https://github.com/syncfusion/javascript-ui-controls-skills/archive/main.zip#syncfusion-javascript-tab 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.