この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

lightning:tooltip

ページの要素に関するヒントや追加情報を提供するポップアップテキストを表します。

lightning:tooltip は、ページの特定の入力項目または要素に関する追加情報を提供します。ポップアップテキストは、ユーザが対象要素にマウスポイントを置いたとき、またはフォーカスを移動したときに表示されます。ツールチップは、フォーカスが失われたときに閉じます。ツールチップは、link や span などのインライン HTML 要素でのみ使用します。

class 属性を使用してスタイル設定をカスタマイズします。

次に例を示します。

1<aura:component>
2    The <lightning:tooltip content="World Health Organization"><a href="#">WHO</a></lightning:tooltip> was founded in 1948.
3</aura:component>

属性

属性名	属性型	説明
`body`	Component[]	tooltip コンポーネントのボディ。tooltip のボディ内で tooltip が参照している HTML 要素を配置します。
`class`	String	tooltip の基本クラスに加えて、tooltip 自体の CSS クラス。
`content`	String	ツールチップで表示するコンテンツ。
`position`	String	ボディに対するツールチップの位置。有効な値は、top、right、bottom、left、auto です。この値のデフォルトは auto です。

Lightning コンポーネント開発者ガイド

lightning:tooltip

属性