Zum Inhalt springen
Menü

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.

EinstellungTypStandardwertVorschaugrenzen
labeltextCommitBis zu 20 Zeichen
accentcolor#F5C542Keine weitere Grenze in den Metadaten.
radiusnumber2Von 0 bis 10; Schrittweite 1
speednumber50Von 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.

Verbinde deinen Agenten

Verwandte offene Komponenten