Skip to main content

Flippable Card

Un composant ISLE qui permet de rendre deux faces.

Options#

  • button | string: étiquette du bouton. Default: none.
  • draggable | boolean: contrôle si la carte peut être traînée. Default: false.
  • flipSpeedBackToFront | number: la vitesse à laquelle la carte passe de l'arrière-plan au premier plan, en quelques secondes. Default: 1.
  • flipSpeedFrontToBack | number: {nombre} la vitesse à laquelle la carte passe du premier plan à l'arrière-plan, en secondes. Default: 1.
  • oneTime | boolean: indique si le processus de retournement peut être exécuté une seule fois. Default: false.
  • perspective | number: Valeur de la propriété CSS pour donner une perspective à l'élément 3d-positionné. Default: 1000.
  • size | number: la taille de la carte (définit sa "height" et sa "width"). Default: 250.
  • disabled | boolean: contrôle si la carte à puce est désactivée. Default: false.
  • value | boolean: état de retournement de la carte (pour les composants contrôlés). Default: none.
  • defaultValue | boolean: l'état initial de retournement de la carte. Default: false.
  • containerStyle | object: Style CSS du conteneur. Default: {}.
  • frontStyle | object: Style CSS du recto de la carte. Default: {}.
  • backStyle | object: Style CSS du dos de la carte. Default: {}.
  • onChange | function: rappel invoqué une fois que la carte est retournée ; reçoit comme seul argument le statut actuel de la carte retournée. Default: onChange() {}.

Exemples#

Éditeur en direct
Résultat
ReferenceError: Provider is not defined