usertip-testing-component-library v0.0.4

Usertip Component Library

Description here Figma Link: https://www.figma.com/file/Hye8mlrAFZ5Il1BdJcXvs0/2.a.-Design-System-%7C-React?type=design&node-id=21-765&mode=design&t=Wq7yJDNzc0DWMpnj-0

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 link

This will "add" usertip-component-library to the global node_modules

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

npm list -g

It should appear in the list and looks something like this: +-- usertip-component-library@0.0.0 -> .....\YOUR_DIRECTORY\usertip-component-library

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

npm link usertip-component-library

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.

Custom Tailwind CSS

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