vue-alert-alert

A minimalist alert plugin for VueJS projects.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-alert-alert
1.0.22 years ago5 years agoMinified + gzip package size for vue-alert-alert in KB

Readme

🚨 Alert! Alert! for VueJS
A minimalist alert plugin for VueJS projects.
Install from npm:
npm install vue-alert-alert

Add the plugin to your Vue project:
import AlertAlert from 'vue-alert-alert'

Vue.use(AlertAlert)

Add the <alert-alert> component to the root of your app (ex: App.vue):
<template>
  <div id="app">
    <alert-alert />
    <router-view v-show="!globalLoading" :key="$route.fullPath" />
  </div>
</template>

Use the plugin
this.$Alert.alert({
  type: 'success',
  message: `
    <h2>Success!</h2>
    <p>Your work has been saved.</p>
  `,
  timeout: 6000,
})

Available Options

- type - May be: 'info', 'success', 'warning', or 'error'. This sets the CSS class on the alert with an appropriate color. Defaults to 'info'. - message - The text to show in the alert. You may use HTML mark-up. Defaults to 'No Content' - timeout - Auto-dismiss the alert after the given timeout (in milliseconds). Defaults to null.