Wilmington University

Wilmington University Design System

Alert Boxes

General Notice

(Low priority)

Top of Page

Tuition is charged on a per-credit basis at the academic level of the degree or certificate program in which you are enrolled, regardless of the academic level of each individual course. Compare the tuition costs with other institutions across the region to see for yourself the value of a Wilmington University education

In Text

See Payment Arrangements below for a description of options for completing the financial commitment.

Caution Notice

(Medium priority)

Top of Page

  • The Net Price Calculator is only intended for use by first-time undergraduate domestic students and their families.
  • Estimates are based on this year's tuition rates for bachelor's degree programs and student aid eligibility requirements.
  • Estimates are not an indication of a student's admissibility.

In Text

  • The Net Price Calculator is only intended for use by first-time undergraduate domestic students and their families.
  • Estimates are based on this year's tuition rates for bachelor's degree programs and student aid eligibility requirements.
  • Estimates are not an indication of a student's admissibility.

Warning Notice

(High priority)

Top of Page

  • The Net Price Calculator is only intended for use by first-time undergraduate domestic students and their families.
  • Estimates are based on this year's tuition rates for bachelor's degree programs and student aid eligibility requirements.
  • Estimates are not an indication of a student's admissibility.

In Text

  • The Net Price Calculator is only intended for use by first-time undergraduate domestic students and their families.
  • Estimates are based on this year's tuition rates for bachelor's degree programs and student aid eligibility requirements.
  • Estimates are not an indication of a student's admissibility.

Html/CSS

Wrap all alerts with the .Alert class and the appropriate type of alert class. Each alert should have an icon and an .Alert-content section.

Code Snippet

See the Pen Alerts by Wilmington University (@WilmU01) on CodePen.

Class List

  • .Alert = class added to container of any alert. This class is required.
  • .Alert-general = class added to container of general alert at the top of a page.
  • .Alert-generalAlt = class added to container of general alert for in text.
  • .Alert-caution = class added to container of cauton alert at the top of a page.
  • .Alert-cautionAlt = class added to container of caution alert for in text.
  • .Alert-warning = class added to container of warning alert at the top of a page.
  • .Alert-warningAlt = class added to container of warning alert for in text.
  • .Alert-content = class added child element within the alert parent that will wrap the content.