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 (somanim-scale-up
) og en varighed (som1.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
- Minimal
- Front Image
- Memory
- Memory with Solved Callback
Live Editor
Resultat
ReferenceError: Provider is not defined