ツールチップTooltip
Experimental

ホバーやフォーカス時に、操作名・補足・無効理由などの短い情報を表示します。

プレビュー

状態とバリエーション

アイコン操作

アイコンだけのボタンに操作名を補足します。

ショートカット付き

操作名とキーボードショートカットを一緒に伝えます。

無効理由

押せない理由を hover/focus で説明します。

長めの補足

長すぎる場合は Popover へ分ける判断材料にします。

表示位置

上下左右の表示位置を指定できます。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
delayDurationnumber-表示までの待ち時間です。
side"top" | "right" | "bottom" | "left""top"表示したい方向です。
align"start" | "center" | "end""center"トリガーに対する揃え位置です。
portalContainerHTMLElement | null-docs preview やアプリ内フレームに overlay を閉じ込めるための任意コンテナです。