jQueryUI for React as Module

Hi,

I am not sure if I am unable to find out the way how to include jQueryUI components in my React app it is not ready to use like this yet. We have lots jqueryui components which can be imported in React. Currently we are using some other 3rd party components for Modals, autocomplete, dropdowns etc.

Recently I got an task which required a tooltip with different alignment for different elements.

Then it came to my mind that few years back, I was using jqueryui's tooltip component and it was very easy to align with any component with any alignment e.g. top right, top left, bottom left with addtional + or - values for x and y position.

I want the same functionality to use in React e.g.

import { Tooltip } from 'jqueryui'; jquery should be auto imported as it is a dependency or we can have jqueryui independent.

Then I want to use something like:

return <Tooltip position={{ my: "left+15 center", at: "right center" selector=".show-tooltip" }}
<Childrens>Any dom as children</Childrens>
</Tooltip>

**Though the structure will be upto your team how you develop these components for React.**

Thanks,\\\\

Shyam