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 ihrewidth
undheight
). 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
- Minimal
- With CSS
- Slow Motion
Live-Editor
Ergebnis
ReferenceError: Provider is not defined