cincin Preact

npmcincin-preact

Native Preact toast bindings with an accessible skin and headless presentation hooks.

ExperimentalActive

Quick start GitHub npm Documentation Homepage Compare with Shoelace

Verdict

Experimental

Compatibility is possible but still being validated for production Preact use.

Overview

`cincin-preact` provides native Preact bindings for the cincin toast engine. Use the styled `Toaster` for a quick notification stack or import `usePresenter`, `useToasts`, and `useToastSwipe` from `cincin-preact/core` to build a custom skin.

Quick start

~%npm install cincin-preact

1import { Toaster, toast } from 'cincin-preact';2 3export function App() {4  return (5    <>6      <button onClick={() => toast.success({ title: 'Saved' })}>7        Save8      </button>9      <Toaster position="bottom-right" />10    </>11  );12}

cincin Preact

Experimental

Overview

Runtime & deployment

SSR notes

Islands notes

Preact integration

Known limitations

Alternatives

Overview

Runtime & deployment

SSR notes

Islands notes

Preact integration

Known limitations

Alternatives

Related projects