前端开发

syncfusion-react-notifications

Name: syncfusion-react-notifications
Author: syncfusion

syncfusion/reac…s-skills

Comprehensive guide for implementing Syncfusion React Notification components including Badge, Message, Skeleton, Toast, and Spinner. Use this when applying status indicators and badges with color variants and shapes; showing informational, success, warning, or error messages; configuring severity levels and display variants (Text, Outlined, Filled); handling message dismissal; toast positioning, toast templates, toast animations; displaying skeleton loading placeholders with shimmer animations (Wave, Pulse, Fade) and shapes (Circle, Rectangle, Text); or customizing notification appearance and accessibility.

667 次安装
3 星标
收录于 2026.04.10

安装命令

$ npx skills add https://github.com/syncfusion/react-ui-components-skills --skill syncfusion-react-notifications

SKILL.md

Implementing Syncfusion React Notifications

Toast

The Syncfusion React Toast component displays brief, non-intrusive notifications that auto-dismiss after a configurable timeout. Toasts support rich content through templates, action buttons, animated entry/exit, precise positioning, and programmatic control via ToastUtility.

🛑 Agentic use: Do not execute multiple steps autonomously. Confirm with the user before each action (install, run, file creation).

Package and Setup

📄 Read: references/getting-started.md

Installing @syncfusion/ej2-react-notifications 🛑 STOP — Do not install packages autonomously. Ask the user to run: npm install @syncfusion/ej2-react-notifications@33.x.x --save. Verify with npm audit
CSS imports for all required themes
Basic ToastComponent usage (class and functional patterns)
Rendering toast in a custom target container
Triggering show in the created event

SKILL.md

Implementing Syncfusion React Notifications

Toast

Package and Setup

Documentation and Navigation Guide

相关 Skills