Tour พาผู้ใช้ไปรู้จักหน้าเว็บทีละขั้นตอน แต่ละขั้นตอนชี้ไปที่เอลิเมนต์หนึ่งพร้อมการ์ดที่อยู่ข้าง ๆ และหรี่ส่วนอื่นของหน้าลง ขั้นตอนที่ไม่มีเป้าหมายจะแสดงอยู่กลางหน้าจอ
ขั้นตอนเป็นข้อมูลธรรมดา ประกอบด้วยเป้าหมาย (selector เอลิเมนต์ หรือฟังก์ชันที่หาเอลิเมนต์นั้น) หัวเรื่อง และเนื้อหาที่เป็นข้อความหรือเทมเพลต beforeShow จะทำงานก่อน ขั้นตอนจึงเปิดแผงที่มีเป้าหมายอยู่ข้างในได้ และหากเป้าหมายอยู่นอกหน้าจอ ก็จะเลื่อนไปหาให้
การ์ดทุกใบเป็นไดอะล็อกแบบโมดัล เว้นแต่ขั้นตอนนั้นเป็น interactive ซึ่งผู้ใช้จะใช้งานสิ่งที่การ์ดชี้อยู่ได้ กด Esc เพื่อจบ Tour แล้วโฟกัสจะกลับไปยังตำแหน่งเดิม
แนะนำเบื้องต้น
มีสี่ขั้นตอน โดยขั้นตอนแรกไม่มีเป้าหมาย finished และ dismissed ช่วยแยกการจบสองแบบออกจากกัน
Your notes appear here.
ขั้นตอนที่ลองทำได้
beforeShow เปิดการตั้งค่าก่อนที่ขั้นตอนที่สองจะชี้เข้าไปข้างใน และ interactive ให้ผู้ใช้กดสวิตช์ได้ขณะที่การ์ดยังแสดงอยู่
Dark mode is off.