Toast

ReactDesign Guidelines

Usage

  • Toast
    • Toast.Text
    • Toast.Dismiss

Props

NameTypeRequiredDefaultDescription
children
ReactNode
false
className
string
false

Additional classNames

style
CSSProperties
false

Additional CSS styles

varianttrue

Controls icon and background color

since

10.19.0

variant success

variant error

Next

For accessible 'enough time' patterns, Toasts can be extended and have an action to dismiss the Toast. Any input interaction to the Toast, would pause the Toast. A user can explicitly dismiss it.

Legacy

Toast with no subcomponents. Please migrate to Toast.Text.