Mauszeiger

Bracket lock cursor

Bracket lock cursor: Ein benutzerdefinierter Zeiger aus vier Eckklammern, der sich im Leerlauf dreht und um jedes als Ziel markierte Element herum einrastet.

Selection tools

Hero banner

1,440 × 480 · PNG

Hover an element to lock the frame onto it. Idle, the reticle spins and trails the pointer.

Bracket lock cursor verwenden

Bracket lock cursor verwendet das Vorschauformat „breit“ mit der Theme-Einstellung „hell/dunkel“.

Vorschau anpassen

Diese Einstellungen werden an die Demo übergeben. Standardwerte und Grenzen gelten für die Vorschau; die vollständige Props-API steht in der Implementierung.

Einstellung	Typ	Standardwert	Vorschaugrenzen
`spinDuration`	`number`	`2`	Von 0.5 bis 8; Schrittweite 0.1
`accent`	`color`	`#F5F6F8`	Keine weitere Grenze in den Metadaten.
`lockColor`	`color`	`#FF6A1F`	Keine weitere Grenze in den Metadaten.
`cornerSize`	`number`	`12`	Von 6 bis 24; Schrittweite 1
`hideNativeCursor`	`boolean`	`true`	Keine weitere Grenze in den Metadaten.

Für welche Frameworks ist Bracket lock cursor verfügbar?

Bracket lock cursor ist für React, Vue, Svelte, Astro, HTML verfügbar. Die Live-Vorschau verwendet React; die folgenden Quellcode-Beobachtungen beziehen sich auf index.tsx. Prüfe die gewählte Portierung auf die benötigten Interaktionen.

Welche Abhängigkeiten hat Bracket lock cursor?

Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion, clsx.

Welche Details zur Barrierefreiheit sind in Bracket lock cursor erkennbar?

Der React-Quellcode von Bracket lock cursor enthält: Attribute und Ereignisbehandler (aria-hidden). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Bracket lock cursor reduzierte Bewegung?

Bracket lock cursor liest die Bewegungseinstellung im React-Quellcode über useReducedMotion(). Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.

Verbinde deinen Agenten

Verwandte offene Komponenten

Standbild der UI-Komponente Tile trail von Fieldbook aus der Kategorie Mauszeiger.

1796Tile trailMauszeigerEin Wegweiser, der kleine abgerundete Kacheln entlang des Weges fallen lässt, die jeweils aus einem recycelten Pool auftauchen und verschwinden, während neuere an ihre Stelle treten.

Standbild der UI-Komponente Stamped cursor trail von Fieldbook aus der Kategorie Mauszeiger.

1812Stamped cursor trailMauszeigerKleine Karten, die in festgelegten Abständen entlang des Zeigerpfads eingestanzt sind, fallen jeweils mit einer Neigung hinein und altern hinter dem Cursor heraus.

Standbild der UI-Komponente Swarm trail cursor von Fieldbook aus der Kategorie Mauszeiger.

1815Swarm trail cursorMauszeigerEine Wolke aus weichen Klecksen umkreist den Zeiger innerhalb eines Panels, hinterlässt sich verjüngende Spuren und verschmelzt dort, wo sie sich überlappen, zu einer Form.

Standbild der UI-Komponente Trailing cursor von Fieldbook aus der Kategorie Mauszeiger.

1820Trailing cursorMauszeigerEin 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.

Standbild der UI-Komponente Zoned cursor tag von Fieldbook aus der Kategorie Mauszeiger.

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

Standbild der UI-Komponente Fluid Splash von Fieldbook aus der Kategorie Mauszeiger.

1776Fluid SplashMauszeigerBeim Ziehen über das Bedienfeld wird die Tinte durch eine flüssige Simulation gedrückt, sodass die Farbe hinter dem Zeiger aufsteigt, sich kräuselt und sich langsam auflöst.