ツールチップ

data-kit-tooltip 属性を使ったCSS-onlyツールチップ。

基本的な使い方

<button class="kit-button" data-kit-tooltip="これはツールチップです">ホバーしてください</button>

位置

<button data-kit-tooltip="上（デフォルト）">上</button>
<button class="-bottom" data-kit-tooltip="下のツールチップ">下</button>
<button class="-left" data-kit-tooltip="左のツールチップ">左</button>
<button class="-right" data-kit-tooltip="右のツールチップ">右</button>