Treci la conținutul principal

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ște width și height). 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

Editor live
Rezultat
ReferenceError: Provider is not defined