Documentation

Documentation for @collabcrm/collab-react-common-components 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 collab-react-common-components React

1. Run the following command to install @collabcrm/collab-react-common-components:

npm i @collabcrm/collab-react-common-components

2. Add tailwind.config.js file:

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

### Try it out

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

```jsx
import {Button} from "@collabcrm/collab-react-common-components";

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