Flippable Card
En ISLE-komponent, der giver mulighed for at gengive to to sider.
Indstillinger
- button |
string
: knapmærke. Default:none
. - draggable |
boolean
: kontrollerer, om kortet kan trækkes rundt. Default:false
. - flipSpeedBackToFront |
number
: den hastighed, hvormed kortet skifter fra baggrund til forgrund, i sekunder. Default:1
. - flipSpeedFrontToBack |
number
: den hastighed, hvormed kortet skifter fra forgrund til baggrund, i sekunder. Default:1
. - oneTime |
boolean
: angiver, om flip-processen kun kan udføres én gang. Default:false
. - perspective |
number
: CSS-egenskabsværdi for at give et 3d-placeret element et perspektiv. Default:1000
. - size |
number
: kortets størrelse (indstiller detswidth
ogheight
). Default:250
. - disabled |
boolean
: kontrollerer, om det vendbare kort er deaktiveret. Default:false
. - value |
boolean
: kortets fliptilstand (for kontrolleret komponent). Default:none
. - defaultValue |
boolean
: kortets oprindelige fliptilstand. Default:false
. - containerStyle |
object
: CSS-stil for containeren. Default:{}
. - frontStyle |
object
: CSS-stil for forsiden af kortet. Default:{}
. - backStyle |
object
: CSS-stil for bagsidekortet. Default:{}
. - onChange |
function
: callback, der påkaldes, når kortet er vendt; modtager den aktuelle vendte status som det eneste argument. Default:onChange() {}
.
Eksempler
- Minimal
- With CSS
- Slow Motion
Live Editor
Resultat
ReferenceError: Provider is not defined