DAHLIA Pattern Library

Alert Box 

<div data-alert class="alert-box alert ">
    <p class="alert-body">
        You&#x27;ll need to resolve any errors before moving on.
    </p>
    <a href="#" class="close ">&times;</a>
</div>
 
<div data-alert class="alert-box {{default status 'alert'}} {{default classes ''}}">
  {{#if icon}}
  <span class="alert-icon ui-icon ui-medium">
    <svg>
      <use xlink:href="#i-{{default icon 'info'}}"></use>
    </svg>
  </span>
  {{/if}}
  <p class="alert-body">
    {{default text "You'll need to resolve any errors before moving on."}}
  </p>
  <a href="#" class="close {{default close-style ''}}">{{{default close-text "&times;"}}}</a>
</div>
 
/* No context defined for this component. */

There are no notes for this item.