CSSのみで実装できる超軽量なツールチップライブラリ・「Microtip」

Ads

Microtip


MicrotipはCSSのみで実装できる超軽量(圧縮版で1kbだそう)なツールチップライブラリです。aria-label属性で定義したラベルがそのままツールチップとして表示されます。位置はdata-microtip-positionというカスタムデータ属性で指定、role属性でtooltipの対象であることを明示すれば表示されるようになります。CSSを読み込めば後はHTMLだけで実装できます。楽でいいですね。ライセンスはMIT。

Microtip