Toast
Feedback

Toast.

Nonblocking notifications from the shared provider.

Real interactive component
Live demo

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

4 props
ParameterTypeRequiredDefaultPossible valuesDescription
ToastProvider.childrenReactNodeYes——App subtree that can call useToast.
toast.titlestringYes——First argument passed to useToast's function.
toast.descriptionstringNo——Optional supporting message.
toast.tone"success" | "info" | "error"Nosuccesssuccess · info · errorToast category.