Cursor

Zoned cursor tag

Ein benutzerdefinierter Zeiger, dessen nachgestelltes Tag sich selbst neu schreibt und auf die andere Seite dreht, wenn er zwischen den Zonen eines geteilten Panels wechselt.

Overview

Traffic

Revenue

Move the pointer across the panel. The tag rewrites itself at each zone and flips side near the edges.

Zoned cursor tag verwenden

Ein benutzerdefinierter Zeiger, dessen nachgestelltes Tag sich selbst neu schreibt und auf die andere Seite dreht, wenn er zwischen den Zonen eines geteilten Panels wechselt.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: zoneOne, zoneTwo, zoneThree, accent, trailDistance, stiffness

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

1783Lagging orb followerCursorEine weiche Scheibe, die auf einer bewusst nachgiebigen Feder dem Zeiger nachjagt, an ihm vorbeischwingt und zurückwackelt, anstatt festzuhalten.

1794Pointer label cursorCursorInnerhalb eines begrenzten Panels wird der Systemcursor durch einen gezeichneten Pfeil ersetzt, hinter dem auf einer weichen Feder ein kleiner Namenschip läuft.

1809Spring lag trailCursorEine Kette von Kreisen, die den Zeiger mit immer weicheren Federn verfolgen, sodass sie sich bei schneller Bewegung zu einem Kometenschweif ausdehnen, der sich im Ruhezustand wieder zusammenzieht.

1820Trailing cursorCursorEin gezeichneter Cursor, der dem echten Zeiger auf einer Feder folgt und dabei ein sanftes Leuchten und verblassende Nachbilder hinterlässt, während er sich in die Richtung dreht, in die er sich bewegt.

1786Magnetic project targetCursorEin benutzerdefinierter runder Cursor mit umlaufendem Text, der dem Zeiger folgt und bei Annäherung an einer Call-to-Action-Pille einrastet.

1803Ribbon trail flowCursorMehrere farbige Bänder jagen den Zeiger auf ihren eigenen Federn, verjüngen sich zu einer Spitze und flechten sich auseinander, während sich der Zeiger dreht.