Dynamic theme / placement (props) on tippy component
See original GitHub issueWhasup! thanks for the component / directive: is awesome 😃
I assumed that the <tippy>
component would react to prop changes but i’m not getting it to work. Am I missing something or is something expected?
Here’s a codesandbox basic demo.
Thanks in advance!
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Themes | Tippy.js
Tippies can have any custom styling via CSS. #Included themes. The package comes with themes for you to use: light; light-border; material ...
Read more >Examples - npm.io
All of the native Tippy.js props can be passed to the component. ... if it's dynamic const flipBehavior = useMemo(() => [placement, 'bottom'],...
Read more >FAQ | Tippy.js
const instance = tippy(element, {theme: 'custom-dark'}); // When clicking the theme toggle button, you can do this: instance.setProps({theme: ...
Read more >React component for Tippy.js For more information ... - Snyk
A React alternative to the theme prop. The className gets added to the tooltip element's class list as expected, without adding -theme as...
Read more >Customizable Interactive Tooltips In Pure JavaScript - Tippy.js
Tippy.js is a small yet highly customizable JavaScript tooltip ... New inlinePositioning prop supports better inline element positioning ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@KABBOUCHI I actually changed the code by adding the
v-tippy
directive instead i.e.<button v-tippy="{placement: 'right', theme}" content="Online Resources">View</p>
and everything seemed to work just fine! Gave a try though on another project with the
alpha.46
version and I managed to make it work as well. Thank you!Damn Georges, that was fast.
Makes sense. I’ve updated the CodeSandbox demo to
2.0.20
for reference if anyone gets here. Now working for<tippy>
component.Thanks a lot!