Panel

Card component.

Options

• className | string: CSS class name. Default: ''.
• header | (string|node): panel heading. Default: none.
• headerTag | string: tag used for the panel heading. Default: 'h3'.
• footer | (string|node): panel footer. Default: none.
• minimizable | boolean: whether the panel can be minimized. Default: false.
• defaultMinimized | boolean: controls whether the panel should be minimized by default (only applicable when minimizable is set to true). Default: false.
• fullscreen | boolean: whether the panel can be made fullscreen (only for instructors). Default: false.
• hideTooltip | string: tooltip displayed over the hide button. Default: none.
• trapFocus | boolean: whether to trap the user's focus in the panel. Default: false.
• bodyStyle | object: CSS inline styles for body. Default: {}.
• footerStyle | object: CSS inline styles for footer. Default: {}.
• bodyClassName | string: CSS class name for body. Default: ''.
• footerClassName | string: CSS class name for footer. Default: ''.
• style | object: CSS inline styles for container. Default: {}.
• onHide | function: callback invoked when the close button is clicked. Default: none.

Examples

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

Result

ReferenceError: Provider is not defined