skills.rest
albanistrefi
albanistrefiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

umbraco-notifications

Emit Umbraco backoffice toast notifications via UMB_NOTIFICATION_CONTEXT.

4|Updated Mar 6, 2026
Search Tags:#error handling#notifications#umbraco#backoffice#context api#toast ui#frontend typescript
One-click install
npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-notifications-albanistrefi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-notifications
Source: https://github.com/albanistrefi/umbraco_CLI/tree/main/skills/foundation/umbraco-notifications
Command: npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-notifications-albanistrefi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of giving clear, timely user feedback in the Umbraco backoffice after actions succeed, fail, or need attention.

Core Features & Use Cases

  • Displays toast notifications in the UI using the UMB_NOTIFICATION_CONTEXT consumed via the Context API.
  • Supports notification variants (positive, danger, warning) to match success, error, and validation messaging patterns.
  • Covers common integration points, including components that consume context, controllers that call getContext, and menu actions that execute then notify a user.

Quick Start

Use the UMB_NOTIFICATION_CONTEXT from the Context API to call peek with the desired type (positive/danger/warning) and provide a message (optionally a headline) when your operation completes.

Frequently Asked Questions about umbraco-notifications

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I show toast notifications in the Umbraco backoffice after a user action?▼

Umbraco backoffice toast notifications are displayed by consuming the UMB_NOTIFICATION_CONTEXT through the Context API and invoking peek with a notification type and payload containing a message and optional headline.

What is the correct way to display success, error, and warning messages in Umbraco?▼

Success, error, and warning messages in Umbraco are displayed by calling peek on the notification context with positive, danger, or warning variants, passing a payload with the required message text.

Can I use the Umbraco Context API to trigger toast UI from a controller or menu action?▼

The Umbraco Context API supports triggering toast UI from controllers, components, and menu actions by retrieving the notification context and invoking peek when the triggered operation finishes.

What notification data payload structure is needed for Umbraco backoffice toasts?▼

The notification payload structure for Umbraco backoffice toasts requires a message string and optionally a headline string, passed to the peek method along with the chosen notification type.

Does Umbraco toast notification handling require frontend TypeScript implementation?▼

Implementing Umbraco toast notification handling involves frontend TypeScript to properly consume the UMB_NOTIFICATION_CONTEXT via the Context API and structure the data payloads for the toast UI.

Related Skills

Explore More Software Engineering Skills→
kraftvaerkkraftvaerk

umbraco-notifications

Display toast notifications in the Umbraco backoffice using UMB_NOTIFICATION_CONTEXT.

Official
Basic
SyedaashnaghazanfarSyedaashnaghazanfar
3

notification-ui

Render a React notification bell with unread badge and dropdown panel.

Community
Intermediate
1k-off1k-off
1

umbraco-notifications

Display Umbraco backoffice toast notifications via UMB_NOTIFICATION_CONTEXT and peek().

Community
Basic
kraftvaerkkraftvaerk

umbraco-umbraco-element

Generate Umbraco Elements with UmbElementMixin and UmbLitElement for the Umbraco Backoffice.

Official
Intermediate