syncfusion-wpf-toast-notification

Q: How do I install syncfusion-wpf-toast-notification?

Run npx skills add https://github.com/syncfusion/wpf-ui-components-skills --skill syncfusion-wpf-toast-notification in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/syncfusion-wpf-toast-notification/ (personal) or .claude/skills/syncfusion-wpf-toast-notification/ (project).

by syncfusionFrontend & Design

Guide for implementing Syncfusion WPF Toast Notification (SfToastNotification) control for displaying temporary notification messages. Use this skill when implementing toast notifications, pop-up alerts, status messages, or non-intrusive notifications in WPF applications. Covers showing success/error/warning messages, notification systems, temporary UI feedback, toast grouping, custom positioning, and custom spacing between toasts.

Installs: 156
Last 24h: —
Trending rank: —
Security: Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/syncfusion/wpf-ui-components-skills --skill syncfusion-wpf-toast-notification

01
Install
Run the command in your project. The CLI asks which agents to install for.
02
Describe the task
Ask your agent for something this skill covers. It loads syncfusion-wpf-toast-notification automatically when relevant.
03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Implementing Toast Notifications in WPF

When to Use This Skill

Use this skill whenever the user needs to:

Display temporary, non-intrusive notifications in WPF applications
Show status messages (save successful, operation completed, errors)
Implement notification alerts that auto-dismiss after a timeout
Create native Windows OS notifications or custom in-app toasts
Display severity-based messages (Info, Success, Warning, Error)
Add interactive action buttons to notifications (Reply, Undo, OK)
Show transient feedback that doesn't block user workflow
Implement global or window-scoped notifications
Group related notifications using a unique Group ID for better organization
Display toasts at custom screen positions for flexible notification placement
Customize spacing between toasts for tailored notification layout

Component Overview

SfToastNotification is a non-UI control (no XAML required) that displays toast notifications in WPF applications. It supports three display modes:

Default Mode: Native Windows OS notifications (Windows 10+)
Window Mode: In-app notifications constrained to window boundaries
Screen Mode: Global overlay notifications across the screen

Key Characteristics:

Code-only implementation (no XAML markup needed)
Static API for showing/closing toasts
Multiple severity levels with built-in visual styling
Customizable animations, placement, and templates
Interactive action buttons with callbacks
Full template customization support

Documentation and Navigation Guide

Reference Files

getting-started.md: Basic setup, NuGet installation, lifecycle management
display-modes.md: Default/Window/Screen modes, bootstrapper setup, mode comparison
severity-and-variants.md: Severity levels, visual variants, AccentBrush customization
placement-and-animations.md: 8 placements, animation types, animation reference
action-buttons.md: Action buttons, callbacks, CloseOnClick, custom templates
template-customization.md: TitleTemplate, ContentTemplate, CloseButtonTemplate customization
toast-grouping.md: Grouping toasts by Group ID, EnableGroupView, GroupContainerHeader customization
custom-positioning.md: Custom screen positions, X/Y coordinates and HorizontalOffset/VerticalOffset properties
custom-spacing.md: Customize spacing between toasts, Spacing property

Quick Start Example

Basic Information Toast

using System.Windows;
using Syncfusion.UI.Xaml.SfToastNotification;

namespace ToastDemo
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void ShowToast_Click(object sender, RoutedEventArgs e)
        {
            // Simple toast with title and message
            SfToastNotification.Show(this, new ToastOptions
            {
                Mode = ToastMode.Screen,
                Title = "Welcome",
                Message = "Hello! This is your first toast notification."
            });
        }
    }
}

Error Toast with Action Buttons

// Error toast with Retry and Dismiss actions
SfToastNotification.Show(this, new ToastOptions
{
    Title = "Operation Failed",
    Message = "Unable to save your changes. Please try again.",
    Severity = ToastSeverity.Error,
    Mode = ToastMode.Screen,
    Actions = new List<ToastAction>
    {
        new ToastAction("Retry")
        {
            Callback = () => RetryOperation(),
            CloseOnClick = true
        },
        new ToastAction("Dismiss")
        {
            CloseOnClick = true
        }
    }
});

Common Patterns

Native OS Notification

Initialize at startup via WindowsToastBootstrapper.Initialize(), then set Mode = ToastMode.Default.

Key Properties

Title: Bold text at top (string)
Message: Main body text (string)
Mode: Display mode - Default (native OS), Window, or Screen
Severity: Visual severity - None, Info, Success, Warning, Error
Duration: Auto-close timeout (default: 6 seconds)
PreventAutoClose: Disable auto-close (bool)
Placement: Screen position (8 options: TopLeft, TopCenter, etc.)
Variant: Visual variant - Text, Outlined, Filled
AccentBrush: Custom color accent (Brush)
ShowAnimationType: Show animation (FadeIn, Zoom, Slide, Flip, etc.)
CloseAnimationType: Hide animation (FadeOut, etc.)
Actions: Interactive action buttons (List<ToastAction>)
Id: Unique identifier for management (string)
GroupName: Group ID for organizing related notifications (string)
HorizontalOffset: Horizontal adjustment from placement (double)
VerticalOffset: Vertical adjustment from placement (double)
X: Absolute horizontal position from left edge when using Custom placement (double)
Y: Absolute vertical position from top edge when using Custom placement (double)
Spacing: Custom spacing between toasts in the corner (double)
EnableGroupView: Enable grouped notification display (bool)
GroupContainerHeader: Custom header text for grouped notifications (string)

FAQ

What does the syncfusion-wpf-toast-notification skill do?

How do I install syncfusion-wpf-toast-notification?

Run npx skills add https://github.com/syncfusion/wpf-ui-components-skills --skill syncfusion-wpf-toast-notification in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/syncfusion-wpf-toast-notification/ (personal) or .claude/skills/syncfusion-wpf-toast-notification/ (project).

Which AI agents can use syncfusion-wpf-toast-notification?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is syncfusion-wpf-toast-notification safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains syncfusion-wpf-toast-notification?

It is published by syncfusion in syncfusion/wpf-ui-components-skills. It has 156 recorded installs.