We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Toast Component for Vue

Toast is a small and non-blocking popup that summarizes the operation messages in a prominent location in view port, which disappears after timeout.

Positioning Toast

Toast can be attached to 6 static locations in either the target container or the entire screen. It can also be configured to set custom ‘X’ and ‘Y’ positions given as pixels/numbers/percentage.


The toast content can be a simple text or template. Through template options, the user can specify any static HTML content or dynamic contents. The toast component can be fully customized.


Users can configure different animations for show/hide of toast.

Display timeout indicator

Provides progress bar along with content to identify the display message timeout periods.


  • Fully supports WAI-ARIA accessibility that makes toast accessible to on-screen readers and assistive devices.
  • Designed the UI element visuals such as foreground color, background color, line spacing, text, and images based on WCAG 2.0 standard.

Developer-friendly API

Developers can control the appearance and behaviors of the toast, including its positioning using a rich set of APIs.


Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.