isabella232 / ember-messages

✉️ Message components for Ember apps & addons

@zestia/ember-messages

This Ember addon provides a component for rendering messages, which can optionally be dismissed by the user.

Additionally, messages can be flashed using the flash message service.

Installation

ember install @zestia/ember-messages

Demo

https://zestia.github.io/ember-messages/

Notes

• This package intentionally does not come with any styles.

Examples

Standalone message

<Message @type="your-type-goes-here">
  Content goes here
</Message>

Dismissible message

{{#if this.showMessage}}
  <Message @type="warning" @onDismiss={{this.hideMessage}}>
    Clicking hide will fire the dismiss action after a CSS animation
  </Message>
{{/if}}

Flash messages

@inject('flash-message') flashMessageService;
// ...
this.flashMessageService.add('error', 'Something went wrong!');

<FlashMessages />