Overslaan naar hoofdinhoud

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 (zoals anim-scal-up) en een duur (zoals 1,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 een front en back 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

Live redacteur
Resultaat
ReferenceError: Provider is not defined