Gå til hovedindhold

Multi Cards

En ISLE-komponent, der giver dig mulighed for at oprette og styre flere vendbare kort (f.eks. i et Memory-spil).

Indstillinger

  • animation | object: hvis indstillet, bruger komponenten en indgangsanimation; objektet indeholder et navn (som anim-scale-up) og en varighed (som 1.7s = 1.7 sekunder). Default: {}.
  • memory | boolean: om memory game-tilstand skal aktiveres, hvor man skal matche par af de angivne værdier. Default: none.
  • onChange | function: en funktion, der modtager matrixen af de vendbare kort. Default: onChange() {}.
  • onMemoryComplete | function: callback, der påkaldes, hvis hukommelsesspillet er afsluttet. Default: onMemoryComplete() {}.
  • oneTime | boolean: angiver, om flip-processen kun kan udføres én gang. Default: false.
  • values | array<object>: værdierne for de respektive kort, indtastet i et array, der har indtastningsfelter for en "front"- og "back"-værdi. En sådan værdi kan være en streng, men også en fuldgyldig ISLE-komponent. Default: [].
  • style | object: CSS inline-stilarter. Default: {}.
  • containerStyle | object: CSS-stil for kortbeholderne. Default: {}.
  • frontStyle | object: CSS-stil på forsiden af kortene. Default: {}.
  • backStyle | object: CSS-stil på bagsiden af kortene. Default: {}.

Eksempler

Live Editor
Resultat
ReferenceError: Provider is not defined