Multi Cards
Eine ISLE-Komponente, mit der Sie mehrere umdrehbare Karten erstellen und steuern können (z. B. bei einem Memory-Spiel).
Optionen
- animation |
object
: wenn gesetzt, verwendet die Komponente eine Eingangsanimation; das Objekt enthält einen Namen (z. B.anim-scale-up
) und eine Dauer (z. B.1.7s
= 1,7 Sekunden). Default:{}
. - memory |
boolean
: ob der Memory-Spielmodus aktiviert werden soll, bei dem man Paare der gelieferten Werte zuordnen muss. Default:none
. - onChange |
function
: eine Funktion, die die Matrix der umdrehbaren Karten erhält. Default:onChange() {}
. - onMemoryComplete |
function
: Callback, der aufgerufen wird, wenn das Speicherspiel beendet ist. Default:onMemoryComplete() {}
. - oneTime |
boolean
: gibt an, ob der Flip-Prozess nur einmal ausgeführt werden darf. Default:false
. - values |
array<object>
: die Werte für die jeweiligen Karten, die in ein Array eingegeben werden, das Eingabefelder für einen "Front"- und "Back"-Wert hat. Ein solcher Wert kann ein String sein, aber auch eine vollwertige ISLE-Komponente. Default:[]
. - style |
object
: CSS-Inline-Stile. Default:{}
. - containerStyle |
object
: CSS-Stil der Kartencontainer. Default:{}
. - frontStyle |
object
: CSS-Stil der Vorderseite der Karten. Default:{}
. - backStyle |
object
: CSS-Stil für die Rückseite der Karten. Default:{}
.
Beispiele
- Minimal
- Front Image
- Memory
- Memory with Solved Callback
Live-Editor
Ergebnis
ReferenceError: Provider is not defined