Statussync.dev React Widget

Official React Widget for Statussync.dev

Install

$ npm install @statussync.dev/react
$ pnpm add @statussync.dev/react
$ yarn add @statussync.dev/react
$ bun add @statussync.dev/react

Usage

import { 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: [],
};