usertip-component-library v1.0.84

Usertip Component Library

This is Usertip's component library

Run Storybook

npm run storybook

Run Developer mode to test multiple UI components

create dev.tsx in ./src folder (You can copy and paste from templates/dev.tsx) npm run dev

How to export Components to be used in another project (Work in Progress)

1. Run the following command in this project:

npm i yalc -g

2. Check if yalc is listed globally, run the command:

npm list -g

3. Navigate to the application you want to test the component lib, and run the following in the project:

In usertip-component-library: yalc publish

Navigate to usertip-webapp: yalc add my-package

Note: This creates a simulated link between our application and our component library

4. Done! You should now be able to import and test the components in the application.

How to use component library

import {} from "usertip-component-library"; import "usertip-component-library/styles.css";

NOTE: need to import styles.css for the design to be correct

How to update the package on LOCAL

On usertip-component-library yalc publish

On the webapp yalc remove usertip-component-library yalc add usertip-component-library (restart app if the update is not there)

How to add custom classNames and CSS

You can add the custom CSS in the tailwind-entry.css file