Popover คือแผงเล็ก ๆ ที่เปิดข้างปุ่ม สำหรับสิ่งที่ผู้ใช้โต้ตอบด้วย เช่น ตัวกรอง ฟอร์มสั้น ๆ หรือตัวเลือกสี Popover เป็น popover="auto" แบบเนทีฟ เบราว์เซอร์จึงปิดให้เมื่อกด Esc หรือคลิกข้างนอก คืนโฟกัสให้ และวางไว้ต่อจากทริกเกอร์ในลำดับการกด Tab

Hovercard คือ tooltip แบบละเอียด จะเปิดเมื่อชี้เมาส์ค้างไว้ครู่หนึ่ง หรือเปิดทันทีเมื่อโฟกัสด้วยคีย์บอร์ด และใช้อธิบายทริกเกอร์ของตน การ์ดจะเปิดค้างไว้ขณะที่ตัวชี้เลื่อนมาอยู่บนการ์ด จึงอ่านและเลือกข้อความได้

ทั้งสองแบบจะพลิกไปอีกด้านเมื่อพื้นที่ไม่พอ อยู่ภายในหน้าจอเสมอ และเลื่อนตามทริกเกอร์เมื่อหน้าเว็บเลื่อน

ตัวกรอง

Popover ที่มีฟอร์มอยู่ข้างใน arrow ทำให้มีลูกศรชี้ไปที่ทริกเกอร์ และ hide() ปิดจากโค้ด

Showing open, in review issues.

Hovercard

ชี้เมาส์ที่ชื่อ หรือกด Tab ไปที่ชื่อ การ์ดจะอธิบายลิงก์ โปรแกรมอ่านหน้าจอจึงอ่านการ์ดต่อจากชื่อ

Reviewed by @ada and @grace.

ด้านและเอฟเฟกต์การปรากฏ

side และ align กำหนดตำแหน่งที่เปิด โดย start และ end เป็นไปตามทิศทางการเขียน ส่วน enter และ motion กำหนดลักษณะการปรากฏ