Passa al contenuto principale

Multi Cards

Un componente ISLE che permette di creare e controllare più carte capovolgibili (ad esempio in un gioco di memoria).

Opzioni

  • animation | object: se impostato il componente usa un'animazione di entrata; l'oggetto contiene un nome (come anim-scale-up) e una durata (come 1.7s = 1.7 secondi). Default: {}.
  • memory | boolean: se abilitare la modalità di gioco di memoria in cui si devono abbinare coppie di valori forniti. Default: none.
  • onChange | function: una funzione che riceve la matrice delle carte capovolgibili. Default: onChange() {}.
  • onMemoryComplete | function: callback invocato se il gioco di memoria è completo. Default: onMemoryComplete() {}.
  • oneTime | boolean: indica se il processo di flip può essere eseguito una sola volta. Default: false.
  • values | array<object>: i valori per le rispettive schede, inseriti in un array che ha campi di inserimento per un valore di "fronte" e "retro". Tale valore potrebbe essere una stringa, ma anche un vero e proprio componente ISLE. Default: [].
  • style | object: Stili in linea CSS. Default: {}.
  • containerStyle | object: Stile CSS dei contenitori delle carte. Default: {}.
  • frontStyle | object: Stile CSS della parte anteriore delle carte. Default: {}.
  • backStyle | object: Stile CSS del retro delle carte. Default: {}.

Esempi

Editore dal vivo
Risultato
ReferenceError: Provider is not defined