グローディアのサービス一覧はこちら
 

tooltipライブラリ「Tippy.js」をRailsから使ってみました

Tippy.jsを使ってみました

Tippy.js

javascriptでtooltipを表示するライブラリですね。

自力でcssを工夫して作れないこともないのですが、
外部のライブラリを使うことで便利なことも結構多いので使うことにします。

ライセンス

MITライセンスです!
素敵!

インストール方法

私の場合はnpmでインストールしました。

するとnode_modules配下にインストールされるので、Railsから参照できるようにします。

※関連ライブラリであるpopperもrequireする必要があるので注意です

使い方

でましたね!

ただ、ちょっと困ったことに改行されてないです。
brタグがサニタイズされてしまってますね。
以下で対応しました。

以上です。 便利ですね。

※記事の内容は保証はしておりません(執筆時期や実施環境により挙動が変わるものがある為)。
別途検証してご利用いただくことをおすすめいたします。

グローディアのサービス一覧はこちら