Ugrás a fő tartalomra

Flippable Card

Egy ISLE komponens, amely lehetővé teszi két kétoldalas renderelést.

Opciók​

  • button | string: gomb címkéje. Default: none.
  • draggable | boolean: szabályozza, hogy a kártya húzható-e. Default: false.
  • flipSpeedBackToFront | number: az a sebesség, amellyel a kártya a háttérből az előtérbe kerül, másodpercben kifejezve.. Default: 1.
  • flipSpeedFrontToBack | number: az a sebesség, amellyel a kártya az új területről a háttérre vált, másodpercekben kifejezve.. Default: 1.
  • oneTime | boolean: jelzi, hogy a flip folyamat csak egyszer hajtható-e végre.. Default: false.
  • perspective | number: CSS tulajdonság értéke, hogy 3d-s pozíciójú elemnek perspektívát adjon. Default: 1000.
  • size | number: a kártya mérete (beállítja a szélességet és magasságot). Default: 250.
  • disabled | boolean: szabályozza, hogy a lapozható kártya ki van-e kapcsolva. Default: false.
  • value | boolean: a kártya flip állapota (ellenőrzött komponens esetén). Default: none.
  • defaultValue | boolean: a kártya kezdeti flip állapota. Default: false.
  • containerStyle | object: A konténer CSS stílusa. Default: {}.
  • frontStyle | object: Az előlap CSS stílusa. Default: {}.
  • backStyle | object: A hátsó kártya CSS stílusa. Default: {}.
  • onChange | function: callback, amely a kártya felfordítása után hívódik; egyetlen argumentumként az aktuális felfordított állapotot kapja meg.. Default: onChange() {}.

Példák​

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