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 (kutenanim-scale-up
) ja keston (kuten1.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ä
- Minimal
- Front Image
- Memory
- Memory with Solved Callback
Live Editor
Tulos
ReferenceError: Provider is not defined