Official React Widget for Statussync.dev
$ npm install @statussync.dev/react
$ pnpm add @statussync.dev/react
$ yarn add @statussync.dev/react
$ bun add @statussync.dev/reactimport { StatussyncWidget } from "@statussync.dev/react";
export function Page() {
return <StatussyncWidget slug="paystack" />;
}For NextJS server component
import { StatussyncRscWidget } from "@statussync.dev/react";
export function Page() {
return <StatussyncRscWidget slug="paystack" />;
}Import css styles in to your app
import "@statussync.dev/react/dist/styles.css";Or
Extend in your tailwind config
module.exports = {
content: [
"./app/**/*.{tsx,ts,mdx,md}",
"./node_modules/@statussync.dev/react/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
};