Multi Cards
O componentă ISLE care vă permite să creați și să controlați mai multe cărți care se pot întoarce (de exemplu, într-un joc de memorie).
Opțiuni
- animation |
object
: dacă este setat, componenta utilizează o animație de intrare; obiectul conține un nume (cum ar fianim-scale-up
) și o durată (cum ar fi1.7s
= 1,7 secunde). Default:{}
. - memory |
boolean
: dacă se activează modul de joc de memorie în care trebuie să se potrivească perechi de valori furnizate.. Default:none
. - onChange |
function
: o funcție care primește matricea cărților care pot fi întoarse.. Default:onChange() {}
. - onMemoryComplete |
function
: callback invocat în cazul în care jocul de memorie este finalizat. Default:onMemoryComplete() {}
. - oneTime |
boolean
: indică dacă procesul de răsturnare poate fi executat doar o singură dată. Default:false
. - values |
array<object>
: valorile pentru cardurile respective, introduse într-o matrice care are câmpuri de intrare pentru o valoarefront
șiback
. O astfel de valoare poate fi un șir de caractere, dar și o componentă ISLE cu drepturi depline.. Default:[]
. - style |
object
: Stiluri inline CSS. Default:{}
. - containerStyle |
object
: Stilul CSS al containerelor de carduri. Default:{}
. - frontStyle |
object
: Stilul CSS al părții din față a cardurilor. Default:{}
. - backStyle |
object
: Stilul CSS al verso-ului cardurilor. Default:{}
.
Exemple
- Minimal
- Front Image
- Memory
- Memory with Solved Callback
Editor live
Rezultat
ReferenceError: Provider is not defined