Flash Notices

Flash Notices

In Canvas, you can add flash notices, or pop-up notices when someone submits or accesses content. This might be to remind a user to do something before they're finished or re-iterate information. 

Like alerts, there are several different kinds of flash notices and they are labeled by color. To find out more, visit the Canvas Style Guide Links to an external site..

  

Info: Sample flash notice style. Close
<p>
  <div class="ic-flash-info">
    <div class="ic-flash__icon" aria-hidden="true">
      <i class="icon-info"></i>
    </div>
    Info: Sample flash notice style.
    <button type="button" class="Button Button--icon-action close_link">
      <i class="icon-x" aria-hidden="true"></i>
      <span class="screenreader-only">Close</span>
    </button>
  </div>
</p>

 

Examples

 

Info: Sample flash notice style. Close

 

Success: Sample flash notice style. Close

 

Warning: Sample flash notice style. Close

 

Error: Sample flash notice style. Close