Symbole
Blocks icon
Blocks icon: Drei quadratische Blöcke, die in einem L angeordnet sind und einer nach dem anderen hüpfen, als würden Teile zusammengesteckt.
Blocks icon verwenden
Blocks icon 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 |
|---|---|---|---|
size | number | 56 | Von 16 bis 96; Schrittweite 4 |
stroke | number | 2 | Von 1 bis 3; Schrittweite 0.25 |
color | color | #F5C542 | Keine weitere Grenze in den Metadaten. |
animate | select | always | Optionen: hover, always, once, none |
Für welche Frameworks ist Blocks icon verfügbar?
Blocks icon 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 Blocks icon?
Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion, clsx, tailwind-merge.
Welche Details zur Barrierefreiheit sind in Blocks icon erkennbar?
Der React-Quellcode von Blocks icon enthält: 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 Blocks icon reduzierte Bewegung?
Blocks icon liest die Bewegungseinstellung im React-Quellcode über useReducedMotion(). Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.
