Skip to content

A lightweight and themeable modal alert system for React, built with customization in mind. Supports classic layout, dark/light themes, and global config — ideal for confirmations, errors, success messages, and more.

License

Notifications You must be signed in to change notification settings

codx-ak/notify-bolt

Repository files navigation

Notify Bolt Logo

✨ Experience Notify Bolt in Action

npm version npm downloads license

A blazing-fast, customizable, and elegant modal notification system for React.

✨ Features

  • ✅ Easy to integrate
  • 🎨 Fully customizable
  • 🌗 Light & Dark mode support
  • ⚡ Zero dependencies
  • 💡 Built-in variants: classic, default, "minimal"
  • 🧩 Extendable global defaults
  • 🎥 Modal animations
  • 🔄 Confirm/Dismiss handling with Promise

📦 Installation

npm install notify-bolt
# or
yarn add notify-bolt

🚀 Usage

import { showNotify } from "notify-bolt";

const handleClick = () => {
  showNotify({
    title: "Delete this item?",
    message: "This action is permanent. Do you wish to proceed?",
    variant: "classic",
    themeMode: "dark",
    status: "warning",
    showConfirmButton: true,
    showCancelButton: true,
  })
    .then(() => {
      // Handle Confirm
    })
    .catch(() => {
      // Handle Dismiss
    });
};

🔧 Configuration

🔗 Full list of options, props, and examples available at the Notify Bolt Playground.

About

A lightweight and themeable modal alert system for React, built with customization in mind. Supports classic layout, dark/light themes, and global config — ideal for confirmations, errors, success messages, and more.

Topics

Resources

License

Stars

Watchers

Forks