ResetPower's Component Set
npm install @resetpower/rcs
ResetPower's Component Set
Requirements: React 18.2.0 & Tailwindcss 3
- Install RCS by input npm install @resetpower/rcs
- Add RCS to your tailwind config (usually tailwind.config.js):
``diff
const colors = require("@resetpower/rcs/colors");
module.exports = {
mode: "jit",
darkMode: "media",
content: [
"./index.html",
"./src/*/.tsx",
+ "./node_modules/@resetpower/rcs/*/.js"
],
theme: {
extend: {
+ colors
},
},
plugins: [],
};
`
- Import RCS's CSS
- Apply a theme in the entrance of your app:
`tsx
import "@resetpower/rcs/styles";
import App from "./App";
import { ThemeManager, rcsLight } from "@resetpower/rcs";
import { render } from "react-dom";
const manager = new ThemeManager(false);
manager.apply(rcsLight);
render(
`
- Enjoy!
- Clone the repository by gh repo clone ResetPower/rcs
- Start preview server by npm run dev`