ktmcodelabs / react-snackbar

Snackbar style notification popup component for react js

react-snackbar-notification

Snackbar like notification component for React Js

DEMO https://ktmcodelabs.github.io/react-snackbar/

Installation

npm i react-snackbar-notification

Usage

import SnackBar from 'react-snackbar-notification'

const notifications = [
    {
        message: "You have new message.  consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore ",
        action: [
            {
                label: 'OK'
            },
            {
                label: 'View',
                link: 'https://sujanbyanjankar.com.np'
            }
        ]
    },
    {
        message: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore sit amet, consetetur sadipscing elitr, sed diam nonumy ei.",
        action: [
            {
                label: 'OK'
            }
        ]
    }
]
<SnackBar notifications={notifications}/>

Options

const options = {
    positionY: 'top', // vertical position
    positionX: 'right', // horizontal position
    fadeout: 10, // auto hide notification item in seconds
    dummyDisplay: true // show dummy notifications (for demo only)
}

Options

Parameter	Default	Options	Description
positionY	'bottom'	'top','bottom'	vertical position
positionX	'right'	'left','right'	horizontal position
fadeout	15		auto hide notification item duration in seconds
dummyDisplay	false	boolean	show dummy notifications (for demo only)

Dependencies

• uuid 3.3.2