Panel

Στοιχείο κάρτας.

Επιλογές

• className | string: Όνομα κλάσης CSS. Default: ''.
• header | (string|node): επικεφαλίδα πίνακα. Default: none.
• headerTag | string: ετικέτα που χρησιμοποιείται για την επικεφαλίδα του πίνακα. Default: 'h3'.
• footer | (string|node): υποσέλιδο πάνελ. Default: none.
• minimizable | boolean: αν ο πίνακας μπορεί να ελαχιστοποιηθεί. Default: false.
• defaultMinimized | boolean: ελέγχει αν ο πίνακας θα πρέπει να ελαχιστοποιείται από προεπιλογή (εφαρμόζεται μόνο όταν το minimizable έχει οριστεί σε true). Default: false.
• fullscreen | boolean: αν ο πίνακας μπορεί να γίνει πλήρης οθόνη (μόνο για εκπαιδευτές). Default: false.
• hideTooltip | string: tooltip που εμφανίζεται πάνω από το κουμπί απόκρυψης. Default: none.
• trapFocus | boolean: αν θα παγιδεύεται η εστίαση του χρήστη στον πίνακα. Default: false.
• bodyStyle | object: Στυλ CSS inline για το σώμα. Default: {}.
• footerStyle | object: Στυλ CSS inline για υποσέλιδο. Default: {}.
• bodyClassName | string: Όνομα κλάσης CSS για το σώμα. Default: ''.
• footerClassName | string: Όνομα κλάσης CSS για το υποσέλιδο. Default: ''.
• style | object: Στυλ CSS inline για δοχείο. Default: {}.
• onHide | function: callback που καλείται όταν γίνεται κλικ στο κουμπί κλεισίματος. Default: none.

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

• Minimal
• With Header
• Header and Footer
• With CSS

Live Editor

<Panel> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </Panel>

<Panel>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</Panel>

Αποτέλεσμα

ReferenceError: Provider is not defined