react-simple-notify

React Notify

Introduction

React Notify is a lightweight, customizable notification library for React applications. It provides an easy way to manage and display notifications within your React application. Utilizing a context provider, React Notify allows for seamless integration and control over how and where your notifications appear on the screen.

Installation

Install React Notify using npm or yarn:

npm install react-notify-lib
# or
yarn add react-notify-lib

Use

import { useNotify, NotifyContainers } from 'react-simple-notify'
import type { NotifyAlignment, NotifyRenderArgs } from 'react-simple-notify'
import 'react-notify/dist/style.css'

export const App = () => {
  const { notify } =  useNotify()
    
  const handleOpen = () => {
    notify.open({
      index: 'notify',
      alignment: NotifyAlignment.bottomLeft,
      duration: 4500,
      render: () => <h1>Hello react-notify 🔥</h1>,
    })
  }  
    
  return (
    <>
      <button onClick={}></button>
      <NotifyContainers />
    </>
  )
}