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.

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