Treci la conținutul principal

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 fi anim-scale-up) și o durată (cum ar fi 1.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 valoare front și back. 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

Editor live
Rezultat
ReferenceError: Provider is not defined