Symbole
X mark icon
X mark icon: Ein Kreuz, das die Aktion, die es aufhebt, abschüttelt, wird einfach dargeboten oder in einem Kreis oder einem abgerundeten Quadrat gehalten.
X mark icon verwenden
X mark 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 |
variant | select | plain | Optionen: plain, circled, squared |
Für welche Frameworks ist X mark icon verfügbar?
X mark 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 X mark icon?
Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion, clsx, tailwind-merge.
Welche Details zur Barrierefreiheit sind in X mark icon erkennbar?
Der React-Quellcode von X mark 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 X mark icon reduzierte Bewegung?
X mark 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.
