A callout box (similar to callout message) is a simple, helpful widget that enables you to outline sections of your page easily. Also, it provide contextual feedback messages for typical user actions with the handful of available and flexible callout messages. This allows you to view your page sections as you add content to them, or add emphasis to a section.

Here are few good examples:

  • Place the message before the form
  • Place it anywhere between contents in the department's site
  • Alert students about upcoming courses or tests

Callout Box (CalloutBox)


Indicate important message and/or notification of event.


This could be any information relevant to a user action.

This is the default callout widget

This alert needs your attention, but it's not super important.