Documentation

Documentation for mi-react-common-component is not yet finished.

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

Setup Tailwind CSS

Install Tailwind CSS:

npm i autoprefixer postcss tailwindcss
npx tailwindcss init -p

Add Tailwind CSS to a CSS file:

@tailwind base;
@tailwind components;
@tailwind utilities;

Install mi-react-common-component React

1. Run the following command to install mi-react-common-component:

npm i mi-react-common-component

2. Add tailwind.config.js file:

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "node_modules/mi-react-common-component/dist/**/*.js",
  ],
  theme: {
    extend: {},
  },
  plugins: ["mi-react-common-component"],
};

### Try it out

How you use mi-react-common-component React depends on your project setup. In general, you can just import the components you want to use from `mi-react-common-component` and use them in a React `.jsx` file:

```jsx
import Button from "mi-react-common-component";

export default function MyPage() {
  return (
    <div>
      <Button text="Click me" />
    </div>
  );
}