Flippable Card
O componentă ISLE care permite redarea a două fețe.
Opțiuni
- button |
string
: eticheta butonului. Default:none
. - draggable |
boolean
: controlează dacă cardul poate fi târât în jurul. Default:false
. - flipSpeedBackToFront |
number
: viteza cu care cardul trece de la fundal la prim-plan, în secunde.. Default:1
. - flipSpeedFrontToBack |
number
: viteza cu care cardul trece de la prim-plan la fundal, în secunde.. Default:1
. - oneTime |
boolean
: indică dacă procesul de răsturnare poate fi executat doar o singură dată. Default:false
. - perspective |
number
: Valoarea proprietății CSS pentru a da elementului poziționat în 3D o perspectivă. Default:1000
. - size |
number
: dimensiunea cardului (stabileștewidth
șiheight
). Default:250
. - disabled |
boolean
: controlează dacă este dezactivat cardul care se poate întoarce.. Default:false
. - value |
boolean
: starea de întoarcere a cardului (pentru componenta controlată). Default:none
. - defaultValue |
boolean
: starea inițială de răsturnare a cardului. Default:false
. - containerStyle |
object
: Stilul CSS al containerului. Default:{}
. - frontStyle |
object
: Stilul CSS al cărții de față. Default:{}
. - backStyle |
object
: Stilul CSS al cardului din spate. Default:{}
. - onChange |
function
: callback invocat odată ce cartea este întoarsă; primește ca unic argument statutul actual al cărții întoarse.. Default:onChange() {}
.
Exemple
- Minimal
- With CSS
- Slow Motion
Editor live
Rezultat
ReferenceError: Provider is not defined