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

Beacon Tooltip

Στοιχείο τοποθέτησης ενός φάρου στο μάθημα, είτε ανεξάρτητα είτε συνδεδεμένο με έναν "στόχο". Κατά την αιώρηση ή το κλικ πάνω στο φάρο, εμφανίζεται ένα tooltip.

Επιλογές​

  • title | (string|node): τίτλος που θα εμφανίζεται στην κορυφή της συμβουλής εργαλείων. Default: none.
  • content | (string|node): περιεχόμενο tooltip. Default: 'content comes here...'.
  • event | string: αν οριστεί σε click, η συμβουλή εργαλείων ενεργοποιείται όταν κάνετε κλικ στο φάρο- αν οριστεί σε hover, η συμβουλή εργαλείων ενεργοποιείται με αιώρηση.. Default: 'click'.
  • placement | string: τοποθέτηση του tooltip σε σχέση με τον στόχο (είτε top, top-start, top-end, bottom, bottom-end, left, left-start, left-end, right, right-start, right-end, auto, ή center). Default: 'left'.
  • target | string: κλάση ή ID επιλογέα για το στοιχείο στο οποίο θα επισυνάπτεται το tooltip. Default: ''.
  • offset | number: απόσταση μεταξύ του tooltip και του "στόχου" σε pixels. Default: 15.
  • onChange | function: callback που καλείται κατά την αλλαγή της κατάστασης του tooltip. Λαμβάνει δύο ορίσματα: την action (open ή close) και τα περασμένα props.. Default: onChange() {}.

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

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