Panel

Componente de la tarjeta.

Opciones

• className | string: Nombre de la clase CSS. Default: ''.
• header | (string|node): encabezado del panel. Default: none.
• headerTag | string: utilizada para el encabezamiento del panel. Default: 'h3'.
• footer | (string|node): panel de pie de página. Default: none.
• minimizable | boolean: si el panel puede ser minimizado. Default: false.
• defaultMinimized | boolean: controla si el panel debe minimizarse por defecto (sólo se aplica cuando minimizable se establece como true). Default: false.
• fullscreen | boolean: si el panel puede hacerse a pantalla completa (sólo para los instructores). Default: false.
• hideTooltip | string: La punta de la herramienta que se muestra sobre el botón de ocultar. Default: none.
• trapFocus | boolean: si se atrapa el foco del usuario en el panel. Default: false.
• bodyStyle | object: Estilos en línea CSS para el cuerpo. Default: {}.
• footerStyle | object: Estilos en línea CSS para el pie de página. Default: {}.
• bodyClassName | string: Nombre de la clase CSS para el cuerpo. Default: ''.
• footerClassName | string: Nombre de la clase CSS para el pie de página. Default: ''.
• style | object: Estilos en línea de CSS para el contenedor. Default: {}.
• onHide | function: llamada de retorno invocada cuando se hace clic en el botón de cierre. Default: none.

Ejemplos

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

Editor en vivo

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

Resultado

ReferenceError: Provider is not defined