Flippable Card
Ένα στοιχείο ISLE που επιτρέπει την απόδοση δύο δύο πλευρών.
Επιλογές
- button |
string
: ετικέτα κουμπιού. Default:none
. - draggable |
boolean
: ελέγχει αν η κάρτα μπορεί να μετακινηθεί. Default:false
. - flipSpeedBackToFront |
number
: η ταχύτητα με την οποία η κάρτα μετατρέπεται από το φόντο στο προσκήνιο, σε δευτερόλεπτα. Default:1
. - flipSpeedFrontToBack |
number
: η ταχύτητα με την οποία η κάρτα μετατρέπεται από το προσκήνιο στο φόντο, σε δευτερόλεπτα. Default:1
. - oneTime |
boolean
: υποδεικνύει αν η διαδικασία flip μπορεί να εκτελεστεί μόνο μία φορά. Default:false
. - perspective |
number
: Τιμή ιδιότητας CSS για να δώσετε προοπτική σε στοιχείο με 3d-τοποθέτηση. Default:1000
. - size |
number
: μέγεθος της κάρτας (ορίζει το "πλάτος" και το "ύψος" της). Default:250
. - disabled |
boolean
: ελέγχει αν η κάρτα με δυνατότητα αναδίπλωσης είναι απενεργοποιημένη. Default:false
. - value |
boolean
: Κατάσταση αναδίπλωσης της κάρτας (για ελεγχόμενο εξάρτημα). Default:none
. - defaultValue |
boolean
: αρχική κατάσταση αναστροφής της κάρτας. Default:false
. - containerStyle |
object
: Στυλ CSS του περιέκτη. Default:{}
. - frontStyle |
object
: CSS στυλ της μπροστινής κάρτας. Default:{}
. - backStyle |
object
: Στυλ CSS της πίσω κάρτας. Default:{}
. - onChange |
function
: callback που καλείται μόλις η κάρτα αναποδογυρίσει- λαμβάνει την τρέχουσα κατάσταση αναποδογυρίσματος ως μοναδικό όρισμα. Default:onChange() {}
.
Παραδείγματα
- Minimal
- With CSS
- Slow Motion
Live Editor
Αποτέλεσμα
ReferenceError: Provider is not defined