Ein Popover ist ein kleines Panel, das sich neben einem Button öffnet, für interaktive Inhalte: Filter, ein kurzes Formular, eine Farbauswahl. Es ist ein natives popover="auto", daher schließt der Browser es bei Esc oder einem Klick außerhalb, gibt den Fokus zurück und setzt es in der Tab-Reihenfolge direkt hinter seinen Trigger.
Eine Hovercard ist ein reichhaltiger Tooltip. Sie öffnet sich nach kurzem Hovern oder sofort bei Tastaturfokus und beschreibt ihren Trigger. Sie bleibt offen, während der Mauszeiger auf sie wechselt, damit man ihren Text lesen und markieren kann.
Beide klappen auf die andere Seite um, wenn der Platz fehlt, bleiben auf dem Bildschirm und folgen ihrem Trigger, wenn die Seite scrollt.
Filter
Ein Popover mit einem Formular darin. arrow lässt es auf seinen Trigger zeigen, und hide() schließt es per Code.
Showing open, in review issues.
Hovercard
Fahre mit der Maus über einen Namen oder erreiche ihn mit Tab. Die Karte beschreibt den Link, daher lesen Screenreader sie nach dem Namen vor.
Seiten und Eingangsanimationen
side und align legen fest, wo es sich öffnet; start und end folgen der Schreibrichtung. enter und motion legen fest, wie es erscheint.