Symbole
Star icon
Star icon: Ein fünfzackiger Stern, der im Takt ansteigt und sich vollständig füllt, sobald der Ein-Zustand ihn als Favoriten markiert.
Star icon verwenden
Star 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 |
state | select | off | Optionen: off, on |
Für welche Frameworks ist Star icon verfügbar?
Star 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 Star icon?
Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion, clsx, tailwind-merge.
Welche Details zur Barrierefreiheit sind in Star icon erkennbar?
Der React-Quellcode von Star 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 Star icon reduzierte Bewegung?
Star 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.
