Question 1

How do I animate flash messages with ember-cli-flash?

Accepted Answer

Set the extendedTimeout option when adding a message, then use CSS transitions targeting the .active and .active.exiting classes. The README provides a detailed example with cubic-bezier animations for smooth entry and exit effects.

Question 2

ember-cli-flash vs ember-notify: which should I use?

Accepted Answer

ember-cli-flash is better for complex, type-safe applications with deep customization needs, while ember-notify might be simpler for basic notifications. Choose based on whether you need advanced features like priority sorting or custom fields.

Question 3

Can I use ember-cli-flash with Tailwind CSS?

Accepted Answer

Yes, but you'll need to create a custom flash message component or override class prefixes, as built-in convenience methods are limited to Bootstrap and Foundation. The addon supports full styling control through custom components.

Question 4

How to test flash messages in Ember acceptance tests?

Accepted Answer

Use the provided test helpers enableTimeout and disableTimeout to control timeout behavior during tests. The README includes QUnit examples for verifying flash message rendering and removal in acceptance and integration tests.

Question 5

How to add a custom close button to flash messages?

Accepted Answer

Set destroyOnClick to false in options and use the close action passed to the FlashMessage component. The README shows an example with an 'x' button that triggers close without automatic destruction.

Question 6

Is ember-cli-flash compatible with Ember Octane?

Accepted Answer

Yes, it's compatible with Ember.js v4.12 and above, which includes Octane editions. The addon uses modern Ember patterns like services, decorators, and Glimmer components as demonstrated in the usage examples.

ember-cli-flash

What is ember-cli-flash?

Overview

Use Cases

Best For

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions