Panel

Kartenkomponente.

Optionen

• className | string: CSS-Klassenname. Default: ''.
• header | (string|node): Überschrift. Default: none.
• headerTag | string: Tag, das für die Überschrift des Panels verwendet wird. Default: 'h3'.
• footer | (string|node): Panel-Fußzeile. Default: none.
• minimizable | boolean: ob das Panel minimiert werden kann. Default: false.
• defaultMinimized | boolean: steuert, ob das Panel standardmäßig minimiert werden soll (nur anwendbar, wenn minimizable auf true gesetzt ist). Default: false.
• fullscreen | boolean: ob das Bedienfeld in den Vollbildmodus versetzt werden kann (nur für Kursleiter). Default: false.
• hideTooltip | string: Tooltip, der über der Ausblenden-Schaltfläche angezeigt wird. Default: none.
• trapFocus | boolean: ob der Fokus des Benutzers im Panel gefangen werden soll. Default: false.
• bodyStyle | object: CSS-Inline-Stile für Body. Default: {}.
• footerStyle | object: CSS-Inlinestile für Fußzeile. Default: {}.
• bodyClassName | string: CSS-Klassenname für body. Default: ''.
• footerClassName | string: CSS-Klassenname für Fußzeile. Default: ''.
• style | object: CSS-Inlinestile für Container. Default: {}.
• onHide | function: Callback, der aufgerufen wird, wenn die Schließen-Schaltfläche angeklickt wird. Default: none.

Beispiele

• 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>

Ergebnis

ReferenceError: Provider is not defined