Toast

Toast

Toast serves as a feedback & confirmation mechanism after the user takes an action.

Base

Preview

No content has been added for this component.

No content has been added for this component.

About Toast

Accessibility

Notifications should contain role="alert" on the container to signal to assistive technology that they require the user’s immediate attention. Use a span with .slds-assistive-text to let the user know what type of notification it is.


Overview of CSS Classes

Selector.slds-notify_container
Summary
Restrictdiv
VariantTrue
Selector.slds-notify_toast
Summary

Initializes toast notification

Restrict.slds-notify_container div
Selector.slds-notify__close
Summary

Alert close button

Restrict.slds-notify_toast button