We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Hi, new to tippy here, how can I append tooltip to <HiExclamationCircle /> element inside <div></div> ?
<HiExclamationCircle />
<div></div>
import * as React from 'react'; import Tippy from '@tippyjs/react'; import { HiExclamationCircle } from 'react-icons/hi';
<Tippy content={<span >{errors[id].message}</span>} appendTo={HiExclamationCircle} > <div className='absolute inset-y-0 right-0 flex items-center pr-3'> <HiExclamationCircle id="icon" className='text-xl text-red-500' /> </div> </Tippy>
The text was updated successfully, but these errors were encountered:
Hi I'm quite new too. I think you need to useRef hook? I use as its example in image 👇
const ref = useRef();
<Tippy appendTo={(ref) => ref} > <div ref={ref}> <HiExclamationCircle /> </div> </Tippy>
Sorry, something went wrong.
No branches or pull requests
Hi, new to tippy here, how can I append tooltip to
<HiExclamationCircle />
element inside<div></div>
?The text was updated successfully, but these errors were encountered: