Schaltflächen

Refresh sweep spin

Refresh sweep spin: Eine Aktualisierungstaste, deren dunkleres Symbolfeld beim Schweben über das Gesicht streicht, während der Pfeil genau eine Umdrehung macht, sich dann während eines geschäftigen Laufs weiter dreht, bevor er wieder in den Ruhezustand zurückkehrt.

Feed synced 12 minutes ago

Refresh sweep spin verwenden

Refresh sweep spin verwendet das Vorschauformat „Inline“ 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
`label`	`text`	`Refresh`	Bis zu 20 Zeichen
`accent`	`color`	`#2F86FF`	Keine weitere Grenze in den Metadaten.
`width`	`number`	`150`	Von 120 bis 240; Schrittweite 2
`spinMs`	`number`	`700`	Von 300 bis 1600; Schrittweite 50
`busyMs`	`number`	`1600`	Von 400 bis 4000; Schrittweite 100

Für welche Frameworks ist Refresh sweep spin verfügbar?

Refresh sweep spin 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 Refresh sweep spin?

Die React-Metadaten nennen keine zusätzlichen npm-Abhängigkeiten neben React.

Welche Details zur Barrierefreiheit sind in Refresh sweep spin erkennbar?

Der React-Quellcode von Refresh sweep spin enthält: native Elemente (button); Attribute und Ereignisbehandler (aria-busy, aria-hidden). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Refresh sweep spin reduzierte Bewegung?

Refresh sweep spin liest die Bewegungseinstellung im React-Quellcode über matchMedia(prefers-reduced-motion). 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 Destructive sweep button von Fieldbook aus der Kategorie Schaltflächen.

2696Destructive sweep buttonSchaltflächenEine Löschaktion, deren rosafarbene bis purpurrote Schattierung beim Schweben von einem Ende zum anderen streicht und dabei den Behälterdeckel kippt, mit optionalem Halten zum Bestätigen der Linie entlang der Unterkante.

Standbild der UI-Komponente Diagonal wedge button von Fieldbook aus der Kategorie Schaltflächen.

2676Diagonal wedge buttonSchaltflächenEin quadratischer Knopf, der mit einem dreieckigen Keil gefüllt ist, der diagonal wächst, bis er das gesamte Gesicht bedeckt.

Standbild der UI-Komponente Light sweep effect von Fieldbook aus der Kategorie Schaltflächen.

2180Light sweep effectSchaltflächenEin diagonales Lichtband, das einmal über eine Schaltfläche streicht und durch Bewegen, Tippen oder einen sich wiederholenden Timer ausgelöst wird.

Standbild der UI-Komponente Opposing rule text button von Fieldbook aus der Kategorie Schaltflächen.

2537Opposing rule text buttonSchaltflächenEine randlose Textschaltfläche in Großbuchstaben, eingeklammert von zwei Linien, die beim Schweben oder Fokussieren von entgegengesetzten Enden her einfahren und sich zurückziehen, so wie sie gekommen sind.

Standbild der UI-Komponente Orbiting rim light button von Fieldbook aus der Kategorie Schaltflächen.

2009Orbiting rim light buttonSchaltflächenEine dunkle Pille, deren ein Pixelrand von hinten durch einen sich langsam drehenden Farbkegel beleuchtet wird, der sich schneller dreht, während der Knopf gedrückt gehalten wird.

Standbild der UI-Komponente Panning gradient button von Fieldbook aus der Kategorie Schaltflächen.

2483Panning gradient buttonSchaltflächenEine gewölbte Taste, deren übergroßer diagonaler Farbverlauf beim Schweben über die Fläche schwebt und ein helleres Band von einer Ecke zur anderen zieht.