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;

Roadmap

• Add Notification Generation
• Add Customizability for Notifications
• Add types of Modals
• Create forms, logins, and other modal types
• Customizability for other types of modals
• Multi-Modals

Demo

Documentation

Release Notes

You can find the release note for the latest release here

You can browse them all here

License

Licensed under MIT