Documentation

Playground

v2 syntax

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

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.

0 = stays open

0 = instant

0 = unlimited

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
});