Playground

Configure and preview toast notifications in real time.

Message

Type

Theme

Robot Variant

Transition

Custom Inline Style

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

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';

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