@majordev/react-reusable-ui NPM

GCI Reusable UI Components for React

A modern, accessible, and customizable React component library built with React and Tailwind CSS.

Installation

Ensure you have TailwindCSS installed on your computer, check Tailwind Website for latest installation guide

if you're using nextjs, Tailwind CSS is pre-installed with it.

Then copy and paste the below command to your cli

npm install @majordev/react-reusable-ui

Edit or create your tailwind.config.js file and add the following configuration:

module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/@majordev/react-reusable-ui/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

Quick Start

import { Button, Input, Toast } from "@majordev/react-reusable-ui";

function App() {
  return (
    <div>
      <Input placeholder="Enter your name" />
      <Button>Click me</Button>
    </div>
  );
}