Flippable Card
Un componente ISLE che permette il rendering su due lati.
Opzioni
- button |
string
: Etichetta a bottone. Default:none
. - draggable |
boolean
: controlla se la carta può essere trascinata. Default:false
. - flipSpeedBackToFront |
number
: la velocità con cui la carta passa dallo sfondo al primo piano, in pochi secondi. Default:1
. - flipSpeedFrontToBack |
number
: {numero} la velocità con cui la carta passa dal primo piano allo sfondo, in pochi secondi. Default:1
. - oneTime |
boolean
: indica se il processo di flip può essere eseguito una sola volta. Default:false
. - perspective |
number
: Valore della proprietà CSS per dare una prospettiva all'elemento posizionato a 3d. Default:1000
. - size |
number
: dimensione della scheda (imposta la suawidth
eheight
). Default:250
. - disabled |
boolean
: controlla se la scheda flippabile è disabilitata. Default:false
. - value |
boolean
: stato di capovolgimento della scheda (per componente controllato). Default:none
. - defaultValue |
boolean
: stato iniziale di capovolgimento della scheda. Default:false
. - containerStyle |
object
: stile CSS del contenitore. Default:{}
. - frontStyle |
object
: Stile CSS della scheda frontale. Default:{}
. - backStyle |
object
: Stile CSS della scheda posteriore. Default:{}
. - onChange |
function
: richiamata una volta che la carta è capovolta; riceve lo stato di capovolgimento corrente come unico argomento. Default:onChange() {}
.
Esempi
- Minimal
- With CSS
- Slow Motion
Editore dal vivo
Risultato
ReferenceError: Provider is not defined