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 =/>
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