Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including vue-notification-system with all npm packages installed. Try it out:

vue-notification-system lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:

// require("vue-notification-system/[??]")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

vue-notification-system v1.0.4

Notification System for VueJS. Includes real-time updates, Slack integration and engagement tracking for analytics.

A complete real-time notification system for Vue apps

See a demo here. Full documentation can be found at https://docs.ravenhub.io/

This package includes the end-user-facing notification center component. There is an accompanying notification system for generating notifications with a simple REST API which can be found at https://docs.ravenhub.io/

Installation

npm install --save vue-notification-system

Usage

<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <vue-notification-system appId="u5O4GI0C8X" subscriberId="foo3"></vue-notification-system>
  </div>
</template>

<script>
  import VueNotificationSystem from 'vue-notification-system/src/components/NotificationSystem.vue'

export default {
  name: 'Home',
  components: {
    VueNotificationSystem
  }
}
</script>

<style>
.feed-container {
  right: -440px !important;
}
</style>

####Props

Prop NameTypeDescription
appIdPropTypes.stringAutomatically generated when you sign up. You can find it in the Ravenhub app in the top right corner next to the logout button.
subscriberIdPropTypes.stringThe unique ID that you use to identify the user who is logged in. This is how we know who to send notifications to.

##Analytics This notification system also includes activity and engagement tracking in the dashboard available at ravenhub.io

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free