ember-cli-flash

Display toast notifications in Ember apps via a flash-messages service with queueing and prioritization.

Updated Mar 24, 2026

Search Tags:#accessibility #i18n #toast-notifications #component-integration #ember #flash-messages

Ready to run

npx skills add https://github.com/trusted-american/marketplace --skill ember-cli-flash

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ember-cli-flash
Source: https://github.com/trusted-american/marketplace/tree/main/plugins/a3-plugin/skills/ember-cli-flash
Command: npx skills add https://github.com/trusted-american/marketplace --skill ember-cli-flash

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ember apps lack a unified, accessible mechanism to display transient feedback to users after actions such as saves, deletes, or errors. The ember-cli-flash service provides toast-style messages in a consistent, configurable way.

Core Features & Use Cases

Provides a flash-messages service injected as 'flash-messages' to show success, danger, warning, and info messages.
Supports customizable options like timeout, sticky, showProgress, extendedTimeout, destroyOnClick, onDestroy, and priority to control behavior and visibility.
Manages a queue and an arrangedQueue for deterministic rendering and prioritization across the UI, with template rendering via a flash-message component and i18n-friendly message strings.

Quick Start

Inject the flash-messages service into a component and call flashMessages.success() after a successful operation.

Frequently Asked Questions about ember-cli-flash

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

FAQPage Schema

How do I display toast notifications in an Ember app after user actions?▼

Display toast notifications in an Ember app by injecting the flash-messages service into a component or route, then calling methods like success, danger, warning, or info to show transient feedback after user actions.

Can I configure toast notifications to stay visible or show a progress bar in Ember?▼

Configure toast notifications in Ember using options like sticky to keep messages visible, showProgress to display a progress bar, timeout, and extendedTimeout to control visibility duration and behavior.

Does ember-cli-flash support internationalization and accessibility for flash messages?▼

ember-cli-flash supports internationalization through i18n-friendly message strings and includes accessibility considerations to ensure toast notifications are usable across different languages and assistive technologies.

How do I prioritize and queue multiple flash messages in an Ember application?▼

Prioritize and queue multiple flash messages in an Ember application using the priority option and the built-in queue along with arrangedQueue, which manages deterministic rendering and ordering across the UI.

What is the best way to show success and error feedback in Ember forms and routes?▼

Show success and error feedback in Ember forms and routes by injecting the flash-messages service and calling flashMessages.success() or flashMessages.danger() after operations, rendering output via the flash-message component template.

Can I trigger a callback when a toast notification is clicked or destroyed in Ember?▼

Trigger callbacks for toast notifications in Ember using the destroyOnClick option to dismiss messages on click and the onDestroy option to execute custom logic when a flash message is removed from the UI.