ガイドツアーは、ページを1ステップずつ案内します。各ステップは要素を指し示し、その横にカードを表示して、周りのページを暗くします。ターゲットのないステップは中央に表示されます。

ステップはシンプルなデータです。ターゲット(セレクター、要素、または要素を見つける関数)、タイトル、テキストまたはテンプレートによるコンテンツで構成されます。beforeShow が先に実行されるので、ステップはターゲットを含むパネルを開くことができます。画面外にあるターゲットまではスクロールします。

どのカードもダイアログです。通常はモーダルですが、ステップが interactive の場合はモーダルにならず、ユーザーは指し示された要素を操作できます。Esc キーでツアーが終了し、フォーカスは元の位置に戻ります。

はじめてのツアー

4つのステップで構成され、最初のステップにはターゲットがありません。finished と dismissed で、2種類の終わり方を区別できます。

Your notes appear here.

試せるステップ

beforeShow は、2番目のステップが設定の中を指し示す前に設定を開きます。interactive を指定すると、カードの表示中もスイッチを操作できます。

Dark mode is off.