skills.rest
kraftvaerk
kraftvaerkOFFICIAL
Explore all skills by this author →
WebsiteGitHub

umbraco-notifications

Display toast notifications in the Umbraco backoffice using UMB_NOTIFICATION_CONTEXT.

Updated Mar 6, 2026
Search Tags:#ui#feedback#user experience#notifications#toast#umbraco
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-notifications-kraftvaerk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-notifications
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-notifications
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-notifications-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers understand and implement user feedback mechanisms within the Umbraco backoffice, ensuring a better user experience through clear and timely notifications.

Core Features & Use Cases

  • Displaying Feedback: Show success, error, or warning messages to users.
  • Contextual Information: Integrate notifications seamlessly with Umbraco's Context API.
  • Use Case: After a user successfully saves a document, display a green "Saved successfully!" notification to confirm the action.

Quick Start

Use the umbraco-notifications skill to show a success message with the headline "Success!" and the message "Your changes have been saved."

Frequently Asked Questions about umbraco-notifications

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

FAQPage Schema
How do I display toast notifications in the Umbraco backoffice?▼

Toast notifications in Umbraco integrate with the Context API to display temporary messages. They provide user feedback for actions like saving documents, ensuring clear communication within the backoffice.

Can I show success and error messages using Umbraco's Context API?▼

Yes, Umbraco's Context API supports displaying positive, negative, and warning notifications. You can configure these toast messages with optional headlines and custom text to provide contextual user feedback.

How do I add a headline to an Umbraco toast notification?▼

To add a headline to an Umbraco toast notification, configure the notification object within the UMB_NOTIFICATION_CONTEXT. This supports optional headlines alongside the custom message text for better feedback clarity.

What is the best way to provide user feedback in Umbraco custom elements?▼

The best way to provide user feedback in Umbraco custom elements is by consuming the UMB_NOTIFICATION_CONTEXT. This allows controllers to display temporary toast notifications for positive, negative, or warning actions.

Does this notification approach work for both warning and positive message types?▼

Yes, this notification approach works for warning, positive, and negative message types. It leverages Umbraco's Context API to ensure temporary toast notifications are displayed consistently across various custom backoffice integrations.

Related Skills

Explore More Software Engineering Skills→
umbracoumbraco
26

umbraco-notifications

Display temporary toast notifications in the Umbraco backoffice via UMB_NOTIFICATION_CONTEXT.

Official
Basic
1k-off1k-off
1

umbraco-notifications

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

Community
Basic
albanistrefialbanistrefi
4

umbraco-notifications

Emit Umbraco backoffice toast notifications via UMB_NOTIFICATION_CONTEXT.

Community
Basic
hffmnnjhffmnnj
39

ux-patterns

Apply proven UX patterns to standardize navigation, forms, and feedback across web and mobile interfaces.

Community
Basic