Multi Cards
Un componente de ISLE que le permite crear y controlar múltiples cartas volteables (por ejemplo, en un juego de Memoria).
Opciones
- animation |
object
: si se establece el componente utiliza una animación de entrada; el objeto contiene un nombre (comoanim-scale-up
) y una duración (como1.7s
= 1.7 segundos). Default:{}
. - memory |
boolean
: si se activa el modo de juego de memoria en el que hay que hacer coincidir pares de los valores suministrados. Default:none
. - onChange |
function
: una función que recibe la matriz de las tarjetas volteables. Default:onChange() {}
. - onMemoryComplete |
function
: llamada de retorno invocada si el juego de memoria está completo. Default:onMemoryComplete() {}
. - oneTime |
boolean
: indica si el proceso de volteo puede ser ejecutado sólo una vez. Default:false
. - values |
array<object>
: los valores de las respectivas cartas, introducidos en una matriz que tiene campos de entrada para un valor "frontal" y "trasero". Tal valor podría ser una cadena, pero también un componente completo de ISLE. Default:[]
. - style |
object
: Estilos en línea CSS. Default:{}
. - containerStyle |
object
: Estilo CSS de los contenedores de tarjetas. Default:{}
. - frontStyle |
object
: Estilo CSS del anverso de las tarjetas. Default:{}
. - backStyle |
object
: Estilo CSS del reverso de las tarjetas. Default:{}
.
Ejemplos
- Minimal
- Front Image
- Memory
- Memory with Solved Callback
Editor en vivo
Resultado
ReferenceError: Provider is not defined