Swish React

Lightweight React/Preact bindings for the Swish SDK.
Use Swish’s features directly in your React app with simple hooks and a provider-based setup.

Installation

``bash
npm install @swishapp/react


or

yarn add @swishapp/react

or

pnpm add @swishapp/react
`

Quick Start

$3

`tsx
import { SwishProvider } from "@swishapp/react";

const config = {
// your Swish SDK config
};

function App() {
return (



);
}
`

$3

`tsx
import { useSwishItem } from "@swishapp/react";

interface SaveButtonProps {
productId: string;
variantId?: string;
}

export function SaveButton({ productId, variantId }: SaveButtonProps) {
const { saved, toggle, loading } = useSwishItem({
productId,
variantId,
});

return (

{saved ? "Saved" : "Save"}

);
}
``

Documentation

Full documentation, examples, and API reference are available at:

👉 https://swish.app/docs/react