Ir al contenido principal

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 (como anim-scale-up) y una duración (como 1.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

Editor en vivo
Resultado
ReferenceError: Provider is not defined