Gå til hovedindhold

Flippable Card

En ISLE-komponent, der giver mulighed for at gengive to to sider.

Indstillinger

  • button | string: knapmærke. Default: none.
  • draggable | boolean: kontrollerer, om kortet kan trækkes rundt. Default: false.
  • flipSpeedBackToFront | number: den hastighed, hvormed kortet skifter fra baggrund til forgrund, i sekunder. Default: 1.
  • flipSpeedFrontToBack | number: den hastighed, hvormed kortet skifter fra forgrund til baggrund, i sekunder. Default: 1.
  • oneTime | boolean: angiver, om flip-processen kun kan udføres én gang. Default: false.
  • perspective | number: CSS-egenskabsværdi for at give et 3d-placeret element et perspektiv. Default: 1000.
  • size | number: kortets størrelse (indstiller dets width og height). Default: 250.
  • disabled | boolean: kontrollerer, om det vendbare kort er deaktiveret. Default: false.
  • value | boolean: kortets fliptilstand (for kontrolleret komponent). Default: none.
  • defaultValue | boolean: kortets oprindelige fliptilstand. Default: false.
  • containerStyle | object: CSS-stil for containeren. Default: {}.
  • frontStyle | object: CSS-stil for forsiden af kortet. Default: {}.
  • backStyle | object: CSS-stil for bagsidekortet. Default: {}.
  • onChange | function: callback, der påkaldes, når kortet er vendt; modtager den aktuelle vendte status som det eneste argument. Default: onChange() {}.

Eksempler

Live Editor
Resultat
ReferenceError: Provider is not defined