@daltonr/notifywrite-solid

SolidJS adapter for @daltonr/notifywrite — the headless notification engine as a signal. Ships source under the solid export condition so Vite compiles it with your app.

npm install @daltonr/notifywrite @daltonr/notifywrite-solid

import { NotificationEngine } from "@daltonr/notifywrite";
import { NotificationProvider, useNotificationsContext } from "@daltonr/notifywrite-solid";
import { For } from "solid-js";

const engine = new NotificationEngine({ order: "newest-first" });

function Toasts() {
  const { notifications, dismiss } = useNotificationsContext();
  return <For each={notifications()}>{n => <div onClick={() => dismiss(n.id)}>{n.message}</div>}</For>;
}

export const App = () => (
  <NotificationProvider engine={engine}>
    <Toasts />
  </NotificationProvider>
);

See the project README for the full engine API.

MIT © Richard Dalton