Alert

This component displays an alert so users are aware of a system or action status.

This is an info message

This is a dismissable info message

This is a success message

This is a dismissable success message

This is a warning message

This is a dismissable warning message

This is an error message

This is a dismissable error message

This is a full width info message

This is a dismissable full width info message

This is a full width success message

This is a dismissable full width success message

This is a full width warning message

This is a dismissable full width warning message

This is a full width error message

This is a dismissable full width error message

Usage Criteria

This component communicates the status of an action or system, which in turn may influence what actions users take next.

Do's and Don'ts

Do use the correct colour setting based on the message context (ie. use green only for success messages, and red only for errors).
Do not use this component anywhere other than the top of a page.
Do not use more than one instance of this component on a page.

Design Notes

For messages that pertain to the entire site, make the component full width. For messages that only apply to the specific page or section the user is on, the grid width size can be used.

Configurable Options

This component allows the configuration of the alert Type, which changes the colour of the alert. Checkboxes are available to toggle whether the alert is dismissable or full width. By default, the alert will be grid width and not be dismissable.

Developer Notes

Type	Name
AEM Component Name	Alert
Code Base Name
resourceSupertype
SCSS Attributes
JavaScript
Status
Version

Our operations span the entirety of the province that we now call British Columbia. We respectfully acknowledge that we are guests in the territories of more than 200 First Nations, each with unique traditions, cultures, and histories. We are grateful to these First Nations caretakers for their stewardship of these lands and waters since time immemorial.

BCLC is committed to establishing and maintaining good relations with all First Nations, Métis, and Inuit people in British Columbia and beyond. Our journey has only recently begun, and we have a lot of work to do in collaboration with Indigenous Peoples to understand the Truth, reconcile the past, and truly generate win-wins for the greater good, together.

If you gamble, use your