Snackbar like notification component for React Js
DEMO https://ktmcodelabs.github.io/react-snackbar/
npm i react-snackbar-notification
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}/>
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)
}
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) |
- uuid 3.3.2