Schaltflächen
Warm band action button
Warm band action button: Ein großer runder Call-to-Action mit einem warmen Farbband, das beim Schweben unter das Etikett gleitet, mit einem Bolzen-Glyphen davor.
Warm band action button verwenden
Warm band action 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 | Join now | Bis zu 24 Zeichen |
accent | color | #FF6A1F | Keine weitere Grenze in den Metadaten. |
showIcon | boolean | true | Keine weitere Grenze in den Metadaten. |
radius | number | 20 | Von 4 bis 32; Schrittweite 1 |
scale | number | 1 | Von 0.8 bis 1.4; Schrittweite 0.05 |
Für welche Frameworks ist Warm band action button verfügbar?
Warm band action 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 Warm band action button?
Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: clsx.
Welche Details zur Barrierefreiheit sind in Warm band action button erkennbar?
Der React-Quellcode von Warm band action 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 Warm band action button reduzierte Bewegung?
Die Quellcode-Analyse fand in der index.tsx von Warm band action 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.
