Zum Hauptinhalt springen

Flippable Card

Eine ISLE-Komponente, die zwei Rendering-Seiten ermöglicht.

Optionen

  • button | string: Tastenbeschriftung. Default: none.
  • draggable | boolean: steuert, ob die Karte herumgezogen werden darf. Default: false.
  • flipSpeedBackToFront | number: die Geschwindigkeit, mit der die Karte vom Hintergrund in den Vordergrund wechselt, in Sekunden. Default: 1.
  • flipSpeedFrontToBack | number: {Zahl} die Geschwindigkeit, mit der die Karte vom Vordergrund zum Hintergrund wechselt, in Sekunden. Default: 1.
  • oneTime | boolean: gibt an, ob der Flip-Prozess nur einmal ausgeführt werden darf. Default: false.
  • perspective | number: CSS-Eigenschaftswert, um 3d-positioniertem Element eine Perspektive zu geben. Default: 1000.
  • size | number: Größe der Karte (setzt ihre width und height). Default: 250.
  • disabled | boolean: steuert, ob die kippbare Karte deaktiviert ist. Default: false.
  • value | boolean: Flip-Status der Karte (für gesteuerte Komponente). Default: none.
  • defaultValue | boolean: anfänglicher Flip-Zustand der Karte. Default: false.
  • containerStyle | object: CSS-Stil des Containers. Default: {}.
  • frontStyle | object: CSS-Stil der Frontkarte. Default: {}.
  • backStyle | object: CSS-Stil der Rückseitenkarte. Default: {}.
  • onChange | function: Callback, der aufgerufen wird, sobald die Karte umgedreht wurde; erhält den aktuellen umgedrehten Status als einziges Argument. Default: onChange() {}.

Beispiele

Live-Editor
Ergebnis
ReferenceError: Provider is not defined