ember-cli-lightning-design-system/addon/components/slds-alert.js

Easy installation and reusable components for the salesforce lightning design system.

import { computed } from '@ember/object';
import Component from '@ember/component';
import layout from '../templates/components/slds-alert';

const themeMap = {
  info: 'slds-theme_info',
  error: 'slds-theme_error',
  warning: 'slds-theme_warning',
  offline: 'slds-theme_offline'
};

export default Component.extend({
  layout,

  classNames: ['slds-notify', 'slds-notify--alert', 'slds-theme--alert-texture'],
  classNameBindings: ['themeClass'],
  attributeBindings: ['role:role'],

  role: 'alert',
  theme: 'info',

  themeClass: computed('theme', function() {
    const theme = this.get('theme');
    return themeMap[theme];
  })
});