Vue

Timers & Progress

Duration rules, progress bars, pause strategies, queue behavior, and the loading helper.

Timer behavior is deterministic and controlled by duration, pauseOnHover, and pauseStrategy.

Duration Rules

Value	Behavior
Finite `> 0`	Auto-dismiss scheduled
`Infinity`	No auto-dismiss
`0`	No auto-dismiss (treated as non-finite)

When duration is not finite, the progress bar is automatically disabled.

Enable with progressBar: true (default). Only renders when duration is finite.

toast.info({
  title: "Uploading",
  duration: 8000,
  progressBar: true,
  progressAlignment: "left-to-right",
});

Alignment options: right-to-left (default) or left-to-right.

Try this example

Button mirrors the timed progress-bar example shown above.

Toasts

Toast types, create call styles, per-toast overrides, positions, duplicate prevention, and lifecycle hooks.

Buttons & Actions

Add action buttons, control close behavior, and display timestamps on toasts.