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
- Minimal
- With CSS
- Slow Motion
Éditeur en direct
Résultat
ReferenceError: Provider is not defined