notification-vue v1.0.5

notification-vue

using notification-vue

With the notification-vue package, you can show push notifications in a specific area of ​​the window. There is a time bar on the notification box and a time indicator of when the notification occurred.

Demo

https://notification.sezaialkan.com/

notification-vue setup

npm

npm i notification-vue

Add the notification-vue package in the component you want to use after installation.

import notification from 'notification-vue'

ready to use

<notification :items="push"></notification>

let push = [
    {
        type: "success",
        duration: 6000,
        time: "2023-01-10 17:30:55",
        icon: true,
        title: "New Notification",
        text: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Veritatis rerum quidem unde reprehenderit iusto dolorum reiciendis quo tenetur magnam! Odio, earum? Quis accusamus magni dolorum officia amet sunt iusto beatae?",
    },
    {
        type: "success",
        duration: 6000,
        time: "2023-01-10 17:30:55",
        icon: true,
        title: "New Notification 2",
        text: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Veritatis rerum quidem unde reprehenderit iusto dolorum reiciendis quo tenetur magnam! Odio, earum? Quis accusamus magni dolorum officia amet sunt iusto beatae?",
    }
]

You can send your notifications as an array with the items prop su to the notification component.

In addition, with the componente class feature, you can determine the position of your notifications relative to the screen.

Parameters

Position

With the following classes, you can determine its position on the screen with the notification component.