Schaltflächen
Invert Fill Button
Invert Fill Button: Eine kleine umrandete Schaltfläche, die sich beim Schweben ausfüllt, während ihre Beschriftung zum entgegengesetzten Wert wechselt und Vorder- und Hintergrund sauber vertauscht.
Invert Fill Button verwenden
Invert Fill Button 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 | Details | Bis zu 20 Zeichen |
accent | color | #F5C542 | Keine weitere Grenze in den Metadaten. |
height | number | 36 | Von 28 bis 52; Schrittweite 2 |
radius | number | 0 | Von 0 bis 18; Schrittweite 1 |
duration | number | 400 | Von 100 bis 800; Schrittweite 25 |
Für welche Frameworks ist Invert Fill Button verfügbar?
Invert Fill 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 Invert Fill Button?
Die React-Metadaten nennen keine zusätzlichen npm-Abhängigkeiten neben React.
Welche Details zur Barrierefreiheit sind in Invert Fill Button erkennbar?
Der React-Quellcode von Invert Fill Button enthält: native Elemente (button). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.
Wie berücksichtigt Invert Fill Button reduzierte Bewegung?
Die Quellcode-Analyse fand in der index.tsx von Invert Fill 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.
