react-use-notification

Install

npm install --save react-use-notification

Usage

withUseNotification

import React from 'react'

import { withUseNotification } from 'react-use-notification'
import Button from './Button'

const App = (props) => {
  return (
    <button
      onClick={() => {
        props.notification.success({
          content: 'Success has been added',
          title: 'Success',
        })
      }}
    >
      Show Notification
    </button>
  )
}

export default withUseNotification()(App)

useNotification

import React from 'react'
import { useNotification, positions } from 'react-use-notification'

const Button = () => {
  const notification = useNotification()
  return (
    <button
      onClick={() => {
        notification.show({
          content: 'Anyone with access can view your invited visitors',
          title: 'My Good Title',
          duration: 1000000,
          position: positions.BOTTOM_CENTER
        })
      }}
    >
      Notification with use
    </button>
  )
}

export default Button

License

MIT © cemarguvanli