Zum Hauptinhalt springen

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

Live-Editor
Ergebnis
ReferenceError: Provider is not defined