Feedback & Overlays
Toast
A temporary notification that appears in the corner of the screen, with success/error/warning/info types.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { ToastProvider, ToastViewport, Toaster } from "@wunderui/react"Examples
Success
The success notification — click it to show the real toast.
Error
The error notification — click it to show the real toast.
Warning
The warning notification — click it to show the real toast.
Info
The info notification — click it to show the real toast.
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Save settings
Saving the email settings confirms the change with a success toast in the corner of the screen.