alisdair/ember-component-integration-tests

<div class="alert-banner-container">
  {{#each alerts as |alert|}}
    {{#if alert.fancy}}
      {{#alert-banner alert=alert closeAction=alert.closeAction as |text|}}
        <h3 class="text-danger">Something Went Wrong</h3>

        <p>{{text}}</p>
      {{/alert-banner}}
    {{else}}
      {{alert-banner alert=alert closeAction=alert.closeAction}}
    {{/if}}
  {{/each}}
</div>

<h2>Alert Banner</h2>

<form>
  <div class="form-group">
    {{input placeholder="Alert text" value=alertText}}
  </div>

  <div class="form-group">
    <label>{{input type='checkbox' checked=dismissible}} Dismissible</label>
    <label>{{input type='checkbox' checked=fancy}} Fancy</label>
  </div>

  <div class="form-group">
    <button {{action 'createAlert'}} disabled={{createDisabled}}>
      Create alert
    </button>
  </div>
</form>