Multi Cards
Een ISLE-component die u in staat stelt om meerdere flippable kaarten te maken en te besturen (bijvoorbeeld in een spel van Memory).
Opties
- animation |
object
: als de component een invoeranimatie gebruikt; het object bevat een naam (zoalsanim-scal-up
) en een duur (zoals1,7s
= 1,7 seconden). Default:{}
. - memory |
boolean
: of de geheugenspelmodus moet worden ingeschakeld waarin men paren van de geleverde waarden moet matchen. Default:none
. - onChange |
function
: een functie die de matrix van de flippable cards ontvangt. Default:onChange() {}
. - onMemoryComplete |
function
: callback aangeroepen als het geheugenspel voltooid is. Default:onMemoryComplete() {}
. - oneTime |
boolean
: geeft aan of het flippingproces slechts één keer mag worden uitgevoerd. Default:false
. - values |
array<object>
: de waarden voor de respectievelijke kaarten, in te voeren in een array met invoervelden voor eenfront
enback
waarde. Zo'n waarde kan een string zijn, maar ook een volwaardige ISLE-component. Default:[]
. - style |
object
: CSS inline-stijlen. Default:{}
. - containerStyle |
object
: CSS-stijl van de kaartcontainers. Default:{}
. - frontStyle |
object
: CSS-stijl van de voorkant van de kaarten. Default:{}
. - backStyle |
object
: CSS-stijl van de achterkant van de kaarten. Default:{}
.
Voorbeelden
- Minimal
- Front Image
- Memory
- Memory with Solved Callback
Live redacteur
Resultaat
ReferenceError: Provider is not defined