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 (comeanim-scale-up
) e una durata (come1.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
- Minimal
- Front Image
- Memory
- Memory with Solved Callback
Editore dal vivo
Risultato
ReferenceError: Provider is not defined