@mercury-fx/effector

Effector-backed state adapters for @mercury-fx/ui: a theme store, a toast model + <Toaster/>, a createForm field factory, password strength, and a cooldown timer. State lives outside React, so the components stay presentational.

Install

npm i @mercury-fx/effector
npm i @mercury-fx/ui react effector effector-react   # peer dependencies

Use

import "@mercury-fx/ui/styles.css";
import { Toaster, toast, useTheme, toggleTheme } from "@mercury-fx/effector";

function App() {
  const theme = useTheme();               // "light" | "dark"
  return (
    <>
      <button onClick={() => toggleTheme()}>{theme}</button>
      <button onClick={() => toast.success("Saved")}>Save</button>
      <Toaster />
    </>
  );
}

License

MIT