Multi Cards
Komponent ISLE, który pozwala na tworzenie i kontrolowanie wielu przerzucalnych kart (np. w grze "Pamięć").
Opcje
- animation |
object
: jeśli jest ustawiony, komponent używa animacji wejściowej; obiekt zawiera nazwę (jakskalowanie zwierząt
) i czas trwania (jak1,7s
= 1,7 sekundy). Default:{}
. - memory |
boolean
: czy włączyć tryb gry pamięciowej, w której trzeba dopasować pary podanych wartości. Default:none
. - onChange |
function
: funkcja, która otrzymuje matrycę z odwracanych kart. Default:onChange() {}
. - onMemoryComplete |
function
: wywołanie zwrotne wywoływane, gdy gra pamięciowa jest zakończona. Default:onMemoryComplete() {}
. - oneTime |
boolean
: wskazuje, czy proces przerzucania może zostać wykonany tylko raz. Default:false
. - values |
array<object>
: wartości dla poszczególnych kart, wprowadzane w tablicy, która posiada pola wejściowe dla wartościz przodu
iz tyłu
. Taką wartością może być łańcuch, ale także pełnoprawny komponent ISLE. Default:[]
. - style |
object
: Style CSS inline. Default:{}
. - containerStyle |
object
: Styl CSS pojemników na karty. Default:{}
. - frontStyle |
object
: Styl CSS frontu karty. Default:{}
. - backStyle |
object
: Styl CSS tylnej strony kart. Default:{}
.
Przykłady
- Minimal
- Front Image
- Memory
- Memory with Solved Callback
Edytor na żywo
Wynik
ReferenceError: Provider is not defined