Vue Toaster

Appearance

Plugin Options ​

closeOnClick ​

  • Type: boolean
  • Default: true

Used to close the toasts when clicked.

Refer to Close on click to learn more.

component ​

  • Type: Component | string
  • Default: true

Custom Vue component to use instead of the default one.

Refer to Custom component to learn more.

duration ​

  • Type: number
  • Default: 3000

Used to set the toasts duration (in milliseconds).

Refer to Duration to learn more.

hideCloseButton ​

  • Type: boolean
  • Default: false

Used to hide the close button.

Refer to Close on click to learn more.

hideProgress ​

  • Type: boolean
  • Default: false

Used to hide the progress bar.

Refer to Duration to learn more.

pauseOnHover ​

  • Type: boolean
  • Default: true

Used to pause the toasts delay when hovered.

Refer to Pause on hover to learn more.

position ​

  • Type: string
  • Default: bottom
  • Available values: top-left, top, top-right, bottom-left, bottom, bottom-right

Used to set the toasts position.

Refer to Position to learn more.