Comments (4)
Hi @alondon17.
All of the props for v5 have a description listed on our docs page here, and we also have examples for a bunch of the most useful ones here.
You might be looking at the legacy v4 docs, which we still have listed since it used by a lot of people to this day (more than v5 even).
we have need a system for menu tooltips to be loaded when their trigger is clicked
Try using openOnClick
.
from react-tooltip.
i know about that prop, i meant we would like having an option for an initial state, while being uncontrolled, currently we had to replicate the click outside ourselves because the built in doesn't work with isOpen true
from react-tooltip.
As you can see on #1036, we already have plans for an "imperative mode", which will allow you to do something like tooltipRef.current.open()
. Until then, try the following example:
https://stackblitz.com/edit/stackblitz-starters-f8xebc?file=src%2FApp.tsx
In summary, when the component is first mounted, we trigger a mouseenter
event on the anchor to show the tooltip.
If this is something you are trying to do in several places, I suggest writing a wrapper component for the tooltip, so you don't have to copy and paste this logic to multiple components.
from react-tooltip.
I'll close the issue for now, but let us know if there's anything else.
from react-tooltip.
Related Issues (20)
- [BUG] "mousemove" is not working on drag but "pointermove" event will work HOT 9
- [BUG] Strings are not escaped properly HOT 2
- [BUG] when i zoom out or in the big screen resolutions the tooltip is not in right place HOT 3
- Can't import the named export 'arrow' from non EcmaScript module (only default export is available) HOT 7
- [BUG] openEvents does not work with "click" HOT 4
- Is is possible to export default middlewares? HOT 1
- [BUG] Testing react-tooltip with modal result to a failed HOT 1
- [BUG] Tooltip shows briefly when using delayShow and moving to directly adjacent element HOT 3
- [FEAT REQ] Render tooltips inside portal HOT 4
- [BUG] CSP breaks, styles are injected even after disableStyleInjection is used HOT 2
- The component doesn't show the tooltip when there is a single quote " ' " in the data-tooltip-id and the id passed on the Tooltip component. HOT 2
- Safari mobile browser gets the error e.getAttributeNames HOT 2
- [BUG] : When ' (single quote) is used any where in the text, the tooltip doesn't open HOT 4
- I have set opacity to 1 but I can still see though HOT 3
- [BUG] HOT 2
- [BUG] anchor element does not close the tooltip on click HOT 4
- [BUG] #1042 Regression from 5.26.0 → 5.26.1 HOT 1
- Tooltip is not working HOT 2
- [BUG] Element with id 'react-tooltip-base-styles' already exists
- if message is long, how to make message's tooltip showing next to chat box HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-tooltip.