Skip to main content

Flippable Card

ISLE komponent, mis võimaldab kahel poolel renderdada.

Valikud​

  • button | string: nupu silt. Default: none.
  • draggable | boolean: kontrollib, kas kaarti võib lohistada. Default: false.
  • flipSpeedBackToFront | number: kiirus, millega kaart muutub taustast esiplaanile, sekundites.. Default: 1.
  • flipSpeedFrontToBack | number: kiirus, millega kaart muutub esiplaanilt taustaks, sekundites.. Default: 1.
  • oneTime | boolean: näitab, kas flip-protsessi võib teostada ainult üks kord.. Default: false.
  • perspective | number: CSS-omandi väärtus, et anda 3D-positsiooniga elemendile perspektiivi. Default: 1000.
  • size | number: kaardi suurus (määrab selle "laiuse" ja "kõrguse"). Default: 250.
  • disabled | boolean: kontrollib, kas pööratav kaart on välja lülitatud. Default: false.
  • value | boolean: kaardi flip state (kontrollitava komponendi puhul). Default: none.
  • defaultValue | boolean: kaardi esialgne volditud olek. Default: false.
  • containerStyle | object: Konteineri CSS stiil. Default: {}.
  • frontStyle | object: Esikaardi CSS-stiil. Default: {}.
  • backStyle | object: Tagakaardi CSS-stiil. Default: {}.
  • onChange | function: callback, mida kutsutakse üles, kui kaart on ümber pööratud; saab ainsa argumendina praeguse ümberpööratud staatuse.. Default: onChange() {}.

Näited​

Live toimetaja
Tulemus
ReferenceError: Provider is not defined