Passa al contenuto principale

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 sua width e height). 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#

Editore dal vivo
Risultato
Ultimo aggiornamento il {data} da Planeshifter