Overslaan naar hoofdinhoud

Flippable Card

Een ISLE-component die het mogelijk maakt om twee kanten te renderen.

Opties​

  • button | string: knoplabel. Default: none.
  • draggable | boolean: controleert of de kaart mag worden versleept. Default: false.
  • flipSpeedBackToFront | number: de snelheid waarmee de kaart van de achtergrond naar de voorgrond draait, in seconden. Default: 1.
  • flipSpeedFrontToBack | number: {nummer} de snelheid waarmee de kaart van de voorgrond naar de achtergrond draait, in seconden. Default: 1.
  • oneTime | boolean: geeft aan of het flippingproces slechts één keer mag worden uitgevoerd. Default: false.
  • perspective | number: CSS-eigenschapswaarde om 3d-positie-element een perspectief te geven. Default: 1000.
  • size | number: grootte van de kaart (stelt de width en height in). Default: 250.
  • disabled | boolean: bepaalt of de uitklapbare kaart is uitgeschakeld. Default: false.
  • value | boolean: flip state van de kaart (voor gecontroleerde component). Default: none.
  • defaultValue | boolean: initiële flip state van de kaart. Default: false.
  • containerStyle | object: CSS-stijl van de container. Default: {}.
  • frontStyle | object: CSS stijl van de voorste kaart. Default: {}.
  • backStyle | object: CSS-stijl van de achterkaart. Default: {}.
  • onChange | function: callback aangeroepen zodra de kaart is omgedraaid; ontvangt de huidige omgedraaide status als enige argument. Default: onChange() {}.

Voorbeelden​

Live redacteur
Resultaat
ReferenceError: Provider is not defined