I need a React Popper class created to place a line of text
- or -
Post a project like this£30(approx. $37)
- Posted:
- Proposals: 3
- Remote
- #2390365
- Expired
Description
Experience Level: Entry
Estimated project duration: 1 day or less
If you know what you are doing this is going to be 30 minutes of work, unfortunately I don't have the time to familiarise myself with "React Popper". I have a project where I am placing name tags under absolute positioned elements using 'React Popper'. The project has people tagged in photos and I need to display their names when the pin showing their position on the image is hovered over.
In short, I need a React class created to place a div of text under an element. The div needs to be placed using 'React Popper'. As the page is resized the text div must stay inside of the outer div. The React class needs to accept 2 values:
- A reference div to place the value under
- The value of the text to be shown.
The text div must not go outside of an outer bounding div so this must be specified using its DOM Id.
Example code can be found here:
https://www.npmjs.com/package/react-popper
In short, I need a React class created to place a div of text under an element. The div needs to be placed using 'React Popper'. As the page is resized the text div must stay inside of the outer div. The React class needs to accept 2 values:
- A reference div to place the value under
- The value of the text to be shown.
The text div must not go outside of an outer bounding div so this must be specified using its DOM Id.
Example code can be found here:
https://www.npmjs.com/package/react-popper
Christopher V.
100% (8)Projects Completed
8
Freelancers worked with
8
Projects awarded
57%
Last project
24 May 2018
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
The backend is ready or I have to do with demo images and demo tags?
806216
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies