React-modalicious NPM

React-Modalicious

React-Modalicious is a lightweight and customizable modal notification library designed specifically for React applications. It allows developers to integrate modals and notifications with minimal setup and configuration easily.

Features

Easy to use and integrate into React projects
Customizable themes (light and dark)
Simple API for creating modals and notifications
Support for multiple notifications
Lightweight and dependency-free

Technologies

Getting Started

Installation

$ npm install react-modalicious
$ yarn add react-modalicious

Usage

  import React from 'react';
  import {ModalContainer, modal} from 'react-modalicious';
  import 'react-modalicious/ReactModalicious.css';
  
  function App(){
  
      const options = {
          theme: "light",
      }
  
      const notify = () => modal("Wow so easy!", options);
  
      return (
          <div className="App">
              <ModalContainer/>
              <button onClick={notify}>Show Notification 1</button>
          </div>
      );
  
  }
  
  export default App;