Playground

v2 syntax

Configure and preview toast notifications in real time. Runtime uses v2; the code preview follows the version selector.

Message

Type

Theme

Robot Variant

Transition

Custom Inline Style

e.g. color: red; background: blue;

No buttons. Add one below — they'll render inside the toast in array order.

Clicking any button fires its onClick and closes the toast. In your code you write the onClick body; here it's a no-op, so you'll just see the toast dismiss.

Screen Position

Auto Close (ms)

0 = stays open

Typing Speed (ms)

0 = instant

Toast Limit

0 = unlimited

Hide progress bar

DraggableRobot near edge (on) vs away from edge (off)Pause on hoverPause when window loses focusRight-to-left layoutStack newest toasts on top

import { toast } from 'robot-toast';
import { wave } from 'robot-toast/robots';

toast({
  message: "Welcome to robot-toast!",
  position: "bottom-right",
  type: "default",
  theme: "light",
  robotVariant: wave,
  autoClose: 5000,
  draggable: true,
  pauseOnHover: true
});