@vuesimple/vs-alert

A simple vue alert. Perfect for all your alert scenarios.
5,598 33
vue vuejs popup web notification alert front-end vue-js vue-alert vue-js-alert vs-alert
Install
npm install @vuesimple/vs-alert
Latest Version:3.1.8
Vue:3
Older releases:2
License:MIT
Last Updated:Oct 14, 2026
Links: GitHub  ·  npm
Maintainer: ashwinkshenoy

Vue Simple Alert

🗃 A simple vue alert. Perfect for all your alert scenarios.

A light weight vue plugin built groundup.

npm npm

forthebadge forthebadge forthebadge forthebadge forthebadge forthebadge


📺 Live Demo

Demo: Link


🛠 Install

npm i @vuesimple/vs-alert

🚀 Usage

<template>
  <vs-alert variant="success"> Success </vs-alert>
</template>

<script>
  import VsAlert from '@vuesimple/vs-alert';

  export default {
    components: {
      VsAlert,
    },
  };
</script>

🌎 CDN

<script src="https://unpkg.com/@vuesimple/vs-alert@<version>/dist/vs-alert.min.js"></script>

// Main/Entry file
app.use(VsAlert.plugin);

<template>
  <vs-alert variant="success"> Success </vs-alert>
</template>

⚙ Props

Name Type Default Description
variant String - Type of alert to be shown. (success, warning, error, info, secondary)
title String - The alert title (text only). For HTML, use the header slot.
showClose Boolean false Show alert close icon
small Boolean false Applies reduced padding
toast Boolean false Applies toast design
noBg Boolean false Remove background color

🔥 Events

Name Description
close Emitted when the alert close icons is clicked. Listen for it using @close.

📎 Slots

You can define own item markup via slots:

Name Description
(default) Holds the alert content and can contain HTML.
icon Slot to add custom icon for type
title Slot to add custom title

Related Packages

@vuesimple/vs-pagination

A simple vue pagination

10,154 33
front-end notification popup vue vue-js vuejs web pagination vs-pagination vue-js-pagination +1
@vuesimple/vs-accordion

A simple vue accordion.

4,960 33
front-end notification popup vue vue-js vuejs web accordion vs-accordion vue-accordion +1
@vuesimple/vs-modal

A simple vue modal. Perfect for all your modal/ dialogs scenarios.

4,747 33
alert front-end popup vue vue-js vuejs web dialog modal vue-js-modal +1
@vuesimple/vs-select

A simple vue select. Perfect for all your select scenarios.

4,630 33
front-end notification popup vue vue-js vuejs web select vs-select vue-js-select +1
@vuesimple/vs-loader

A simple vue loader. Perfect for all your loader scenarios.

3,581 33
front-end notification popup vue vue-js vuejs web loader vs-loader vue-js-loader +1

Version History

Version Released Vue License
3.1.8 ^3.2.37 MIT
3.1.7 ^3.2.37 MIT
3.1.6 ^3.2.37 MIT
3.1.5 ^3.2.37 MIT
3.1.3 ^3.2.37 MIT