Siirry pääsisältöön

Flippable Card

ISLE-komponentti, joka sallii kahden puolen renderöinnin.

Vaihtoehdot​

  • button | string: painikkeen etiketti. Default: none.
  • draggable | boolean: ohjaa, voiko korttia vetää ympäriinsä. Default: false.
  • flipSpeedBackToFront | number: nopeus, jolla kortti vaihtuu taustasta etualalle, sekunteina.. Default: 1.
  • flipSpeedFrontToBack | number: nopeus, jolla kortti vaihtuu etualalta taustalle, sekunteina.. Default: 1.
  • oneTime | boolean: ilmoittaa, voidaanko kääntämisprosessi suorittaa vain kerran.. Default: false.
  • perspective | number: CSS-ominaisuuden arvo antaa 3d-sijoitetulle elementille perspektiivin. Default: 1000.
  • size | number: kortin koko (asettaa kortin "leveyden" ja "korkeuden").. Default: 250.
  • disabled | boolean: valvoo, onko käännettävä kortti pois käytöstä. Default: false.
  • value | boolean: Kortin flip-tila (valvottavan komponentin osalta). Default: none.
  • defaultValue | boolean: kortin alkuperäinen kääntötila. Default: false.
  • containerStyle | object: Säiliön CSS-tyyli. Default: {}.
  • frontStyle | object: Etukortin CSS-tyyli. Default: {}.
  • backStyle | object: Takakortin CSS-tyyli. Default: {}.
  • onChange | function: callback, jota kutsutaan, kun kortti on käännetty; saa ainoana argumenttinaan nykyisen käännetyn tilan.. Default: onChange() {}.

Esimerkkejä​

Live Editor
Tulos
ReferenceError: Provider is not defined