2016-03-29 4 views
8

私は思っていましたか? 手で作成する必要がありますか?Material-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

非常にかっこいいですが、私は材料的UIが多くの点で制限されていることを発見しました。任意のツールチップについては、https://www.npmjs.com/package/react-tooltipをご覧ください。 – lux

+0

興味深い、私はちょうど同じライブラリを発見:)と私はあなたに同意する。 –

答えて

8

divのホバリングが可能ですか?それとも私は手でそれを作らなければならないのですか?

もちろん作成する必要があります。 onHoverの意味が不明な場合は、onMouseEnteronMouseLeaveを使用して、比較的配置されたツールチップを作成できます。

また、単純なCSSのツールチップ:http://kushagragour.in/lab/hint/によって駆動され、data-の属性(ネイティブに反応してサポートされる)を使用するのは簡単です。

+0

あなたは完璧に私の質問に答えています:)私は解説の中でluxと議論していた図書館を使用しましたが、あなたのリンクに記載されているソリューションのために移行するかもしれません。 ありがとうございました –

+0

私はhttp://alm.tools/で使用しています – basarat

+0

軽量のツールチップの優れたソース!もし私ができるなら、これを一回以上したい – LOTUSMS

関連する問題

 関連する問題