Skip to main content

Alert Banner

Shared Partial Name:

wvu-alert-banner

When to Use

Use this when you have an important announcement you want to relay to your users.

Example: Standard Alert Banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Content Model and Styling Guidelines

The following guidelines will help ensure your content and styling follows our design principles, and ensures consistency and unity across your pages as well as other WVU-branded websites.

General Guidelines

  • Be judicious when using this component i.e. use it when there is an emergency or when the message you want to display is of vital importance to your users.

Content-Specific Guidelines

Content Max Characters Description
Paragraph* 2-3 Sentences Put your alert message here.

* Indiates required content.

Shared CleanSlate Partial

Type: Static (uses editable regions)

This component corresponds to the latest version of the shared alert-banner partial in the Design System CleanSlate. CleanSlate developers can use this component by adding a shared partial to a template. Below are the available configuration options for this component.