@osaxyz/tooltip v1.0.1

@osaxyz/tooltip

インストール

npm install @osaxyz/tooltip

どう動くか

ツールチップを表示したいDOMを、ToolTipコンポーネントの入れ子にして下さい。自動的に、messagePropsで渡した文字列が、その要素にホバーした際にマウスに追従して現れるようになります。

使い方

1. @osaxyz/tooltipからToolTipをインポートします・
2. 必要であれば、@osaxyz/tooltip/dist/style.cssをインポートします。カスタムスタイルを適用したい場合、.osa-tooltip_messageクラスへのアクセスが可能です。
3. ToolTipコンポーネントへmessage（String）Propsを渡して下さい。

import ToolTip from '@osaxyz/tooltip'
import '@osaxyz/tooltip/dist/style.css'

<ToolTip message="Hoge">
    <YourCustomElements>
    ...
</ToolTip>