Feedback & Status

Toast

A succinct message that is displayed temporarily.

A succinct message that is displayed temporarily.

With title#

With action#

Variants#

Component props#

NameTypeDescription
messageReactNodeToast message content
titleReactNodeOptional toast title
variantToastVariant"default" | "success" | "error"
actionReactNodeAction element (e.g., button)
onAction() => voidCalled when action is clicked