https://github.com/mujhtech/statussync-react
Statussync React Widget
https://github.com/mujhtech/statussync-react
Last synced: about 1 year ago
JSON representation
Statussync React Widget
- Host: GitHub
- URL: https://github.com/mujhtech/statussync-react
- Owner: Mujhtech
- License: mit
- Created: 2024-02-09T02:02:11.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-24T10:33:57.000Z (about 2 years ago)
- Last Synced: 2025-01-24T18:08:24.197Z (over 1 year ago)
- Language: TypeScript
- Size: 49.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Statussync.dev React Widget
Official React Widget for Statussync.dev
## Install
```shell
$ npm install @statussync.dev/react
$ pnpm add @statussync.dev/react
$ yarn add @statussync.dev/react
$ bun add @statussync.dev/react
```
## Usage
```jsx
import { StatussyncWidget } from "@statussync.dev/react";
export function Page() {
return ;
}
```
For NextJS server component
```jsx
import { StatussyncRscWidget } from "@statussync.dev/react";
export function Page() {
return ;
}
```
Import css styles in to your app
```js
import "@statussync.dev/react/dist/styles.css";
```
Or
Extend in your tailwind config
```js
module.exports = {
content: [
"./app/**/*.{tsx,ts,mdx,md}",
"./node_modules/@statussync.dev/react/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
};
```