Siirry pääsisältöön

Multi Cards

ISLE-komponentti, jonka avulla voit luoda ja hallita useita käännettäviä kortteja (esim. Memory-pelissä).

Vaihtoehdot

  • animation | object: jos asetettu, komponentti käyttää tuloanimaatiota; objekti sisältää nimen (kuten anim-scale-up) ja keston (kuten 1.7s = 1.7 sekuntia).. Default: {}.
  • memory | boolean: otetaanko käyttöön muistipelitila, jossa on etsittävä annettujen arvojen pareja.. Default: none.
  • onChange | function: funktio, joka vastaanottaa käännettävien korttien matriisin.. Default: onChange() {}.
  • onMemoryComplete | function: callback kutsutaan, jos muistipeli on valmis.. Default: onMemoryComplete() {}.
  • oneTime | boolean: ilmoittaa, voidaanko kääntämisprosessi suorittaa vain kerran.. Default: false.
  • values | array<object>: kunkin kortin arvot, jotka syötetään matriisiin, jossa on kentät etu- ja taka-arvoille. Tällainen arvo voi olla merkkijono, mutta myös täysimittainen ISLE-komponentti.. Default: [].
  • style | object: CSS-inline-tyylit. Default: {}.
  • containerStyle | object: Korttisäiliöiden CSS-tyyli. Default: {}.
  • frontStyle | object: Korttien etupuolen CSS-tyyli. Default: {}.
  • backStyle | object: Korttien kääntöpuolen CSS-tyyli. Default: {}.

Esimerkkejä

Live Editor
Tulos
ReferenceError: Provider is not defined