Skip to main content

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

Live Editor
Result
ReferenceError: Provider is not defined