Nice Toaster

Playground

<button
  onClick={() =>
    toast.success('Saved successfully!', {
      description: '',
      hold: false,
      vibration: false,
      time: 5000,
      timer: false,
      notification: false,
    })
  }
>
  Show Advanced Toast
</button>

Message

Description

Toast

Options

Vibration (Only for mobiles)

Notification (Only for desktop)

Hold (Prevent timeout)

Timer (Timeout progress bar)

Time in (Milliseconds)

<SetupNiceToaster settings={{
        theme: "light",
        position: "top-center",
        template: "default",
        reverseOrder: true
}} />

Theme

Templates

Positions

Order