Skip to main content

Search and Top Navigation

#15387 new feature ()

Opened August 27, 2020 05:20AM UTC

Last modified August 27, 2020 05:20AM UTC

jQueryUI for React as Module

Reported by: shyamkushwaha23 Owned by:
Priority: minor Milestone: none
Component: ui.core Version: git (not yet released)
Keywords: Cc:
Blocked by: Blocking:
Description

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

Attachments (0)
Change History (0)