Schaltflächen
Streak border button
Streak border button: Ein Pillenknopf mit einem weichen Lichtpunkt, der an der Ober- und Unterkante entlang gleitet, wobei sich die beiden Streifen in entgegengesetzte Richtungen bewegen.
Streak border button verwenden
Streak border button verwendet das Vorschauformat „Inline“ mit der Theme-Einstellung „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 | Start the run | Bis zu 40 Zeichen |
accent | color | #F5C542 | Keine weitere Grenze in den Metadaten. |
speed | number | 6 | Von 1 bis 14; Schrittweite 0.5 |
thickness | number | 1 | Von 1 bis 4; Schrittweite 1 |
Für welche Frameworks ist Streak border button verfügbar?
Streak border button 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 Streak border button?
Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: clsx.
Welche Details zur Barrierefreiheit sind in Streak border button erkennbar?
Der React-Quellcode von Streak border button enthält: native Elemente (button); 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 Streak border button reduzierte Bewegung?
Die Quellcode-Analyse fand in der index.tsx von Streak border button keine direkte Abfrage über useReducedMotion() oder matchMedia. Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.
