2016-03-29 2 views
8

मैं इस तरह टूलटिप अगर सोच रहा था? या क्या मुझे इसे हाथ से बनाना है?सामग्री-ui के साथ ReactJS क्या div के होवर पर टूलटिप व्यवहार होना संभव है? <a href="http://www.material-ui.com/#/components/icon-button" rel="nofollow noreferrer">tooltip from material-ui</a></p> <p>कि आइकन पर होता है एक div के संभावित onhover हो सकता है:

मैं इस कोशिश की: tooltip div with reactjs

लेकिन 2 से कोई भी समाधान वर्तमान में काम कर रहा है।

+5

हालांकि बहुत सुंदर, मुझे सामग्री-यूई कई तरीकों से सीमित होने के लिए मिला है। मनमानी टूलटिप्स के लिए, https://www.npmjs.com/package/react-tooltip देखें। – lux

+0

दिलचस्प, मैंने अभी एक ही पुस्तकालय की खोज की है :) और मैं आपसे सहमत हूं। –

उत्तर

8

एक div के होवर पर संभव हो सकता है? या मुझे इसे हाथ से बनाना है?

आपको इसे निश्चित रूप से बनाना होगा। अपेक्षाकृत स्थित टूलटिप बनाने के लिए आप onMouseEnter और onMouseLeave का उपयोग कर सकते हैं, तो यह स्पष्ट नहीं है कि आप onHover से क्या मतलब रखते हैं।

वैकल्पिक रूप से यह एक साधारण सीएसएस टूलटिप का उपयोग करने के लिए बहुत आसान है: http://kushagragour.in/lab/hint/data- गुणों द्वारा संचालित (प्रतिक्रिया द्वारा मूल रूप से समर्थित)।

+0

आप पूरी तरह से मेरे प्रश्न का उत्तर देते हैं :) मैंने पुस्तकालय का उपयोग किया था कि हम टिप्पणी में लक्स के साथ चर्चा कर रहे थे, लेकिन मैं आपके लिंक में वर्णित समाधान के लिए माइग्रेट कर सकता हूं। आपको बहुत बहुत धन्यवाद –

+0

मैं इसे http://alm.tools/ – basarat

+0

हल्के टूलटिप्स के लिए उत्कृष्ट स्रोत में उपयोग करता हूं! अगर मैं कर सकता तो मैं इसे एक से अधिक बार चाहूंगा – LOTUSMS

संबंधित मुद्दे

 संबंधित मुद्दे