Μετάβαση στο κύριο περιεχόμενο

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() {}.

Παραδείγματα

Live Editor
Αποτέλεσμα
ReferenceError: Provider is not defined