Scoped Notifications

Scoped Notifications

Scoped notifications serve advisory information for the user that is not important enough to justify an alert. It is often presented as a status bar scoped to the container. They are not dismissable.

Base

Preview

No content has been added for this component.

No content has been added for this component.

About Scoped Notifications

Accessibility

Scoped notifications contain role="status" on the container to signal to the browser to send an accessible status event to assistive technology. The assistive technology then notifies the user.


Overview of CSS Classes

Selector.slds-scoped-notification
Summary
Restrictdiv
VariantTrue
Selector.slds-scoped-notification_light
Summary

This renders a light notification

Restrict.slds-scoped-notification
ModifierTrue
Selector.slds-scoped-notification_dark
Summary

This renders the dark notification

Restrict.slds-scoped-notification
ModifierTrue