Schaltflächen
Hard edge key button
Hard edge key button: Eine kompakte Taste im Hardware-Stil, die Glanzlichter, Umrisse und Schatten nach innen dreht, sobald Sie sie drücken.
Hard edge key button verwenden
Hard edge key 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 | Commit | Bis zu 20 Zeichen |
accent | color | #F5C542 | Keine weitere Grenze in den Metadaten. |
radius | number | 2 | Von 0 bis 10; Schrittweite 1 |
speed | number | 50 | Von 0 bis 200; Schrittweite 10 |
Für welche Frameworks ist Hard edge key button verfügbar?
Hard edge key 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 Hard edge key button?
Die React-Metadaten nennen keine zusätzlichen npm-Abhängigkeiten neben React.
Welche Details zur Barrierefreiheit sind in Hard edge key button erkennbar?
Der React-Quellcode von Hard edge key button enthält: native Elemente (button); Attribute und Ereignisbehandler (onKeyDown, onKeyUp); Tastenvergleiche (Enter, Space). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.
Wie berücksichtigt Hard edge key button reduzierte Bewegung?
Die Quellcode-Analyse fand in der index.tsx von Hard edge key 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.