@ajmal_n/flashify-react

• Live demo: https://flashify-react.vercel.app

React bindings for Flashify, a lightweight notification system powered by @ajmal_n/flashify-core.

Install

npm install @ajmal_n/flashify-react @ajmal_n/flashify-core

Copy install command

Using pnpm:

pnpm add @ajmal_n/flashify-react @ajmal_n/flashify-core

Usage

import React from "react";
import ReactDOM from "react-dom/client";
import { FlashifyProvider, useFlashify } from "@ajmal_n/flashify-react";

ReactDOM.createRoot(document.getElementById("root")!).render(
  <FlashifyProvider>
    <App />
  </FlashifyProvider>,
);

function App() {
  const flash = useFlashify();
  return <button onClick={() => flash.success("Profile updated!")}>Show success</button>;
}

Styling

The provider pulls in the bundled CSS from @ajmal_n/flashify-core. If you prefer to import manually, you can include:

import "@ajmal_n/flashify-core/dist/styles/base.css";
import "@ajmal_n/flashify-core/dist/styles/variants.css";
import "@ajmal_n/flashify-core/dist/styles/animations.css";

License

MIT