Ugrás a fő tartalomra

Multi Cards

Egy ISLE komponens, amely lehetővé teszi, hogy több felfordítható kártyát hozzon létre és irányítson (pl. egy Memory játékban).

Opciók

  • animation | object: ha be van állítva, a komponens egy belépő animációt használ; az objektum tartalmaz egy nevet (pl. anim-scale-up) és egy időtartamot (pl. 1.7s = 1.7 másodperc).. Default: {}.
  • memory | boolean: engedélyezi-e a memóriajáték módot, amelyben a megadott értékek párjait kell összepárosítani.. Default: none.
  • onChange | function: egy függvény, amely megkapja a lapozható kártyák mátrixát. Default: onChange() {}.
  • onMemoryComplete | function: visszahívás, ha a memóriajáték befejeződött. Default: onMemoryComplete() {}.
  • oneTime | boolean: jelzi, hogy a flip folyamat csak egyszer hajtható-e végre.. Default: false.
  • values | array<object>: a megfelelő kártyák értékei, egy olyan tömbben, amely egy "elülső" és egy "hátsó" értéket tartalmazó mezővel rendelkezik. Ilyen érték lehet egy karakterlánc, de lehet egy teljes értékű ISLE komponens is.. Default: [].
  • style | object: CSS inline stílusok. Default: {}.
  • containerStyle | object: A kártya konténerek CSS stílusa. Default: {}.
  • frontStyle | object: A kártyák előlapjának CSS stílusa. Default: {}.
  • backStyle | object: A kártyák hátoldalának CSS stílusa. Default: {}.

Példák

Élő szerkesztő
Eredmény
ReferenceError: Provider is not defined