panel-mensaje

Descripción.

Nota: Este componente requiere de Font Awesome 5 y Bootstrap 4 para funcionar correctamente.

Instalación

npm install --save @mcsoft/panel-mensaje

Uso

import McPanelMensaje from '@mcsoft/panel-mensaje';

class Ejemplo extends Component {
  render () {
    return (
	  <McPanelMensaje
	  	texto={{
		  mensaje: 'Ocurrió un error!',
		  titulo: 'Error'
		}}
	  />
    )
  }
}

Props (Obligatorios)

| Propiedad | Tipo | Descripción | |---------------|--------|------------------------------------------------------| | texto | object | Objeto con los textos personalizados del componente. | | texto.mensaje | string | Mensaje que se mostrará en el panel. | | texto.titulo | string | Título que se mostrará en la cabecera del panel. |

Props (Opcionales)

| Propiedad | Tipo | Predeterminado | Descripción | |------------------|--------|----------------|----------------------------------------------------------------| | claseBootstrap | string | | Clase de Bootstrap que definirá el color la cabecera del panel. - danger - dark - info - light - primary - secondary - success - warning | | iconoDescripcion | string | | Icono (FontAwesome) que se mostrará en el panel. | | iconoTitulo | string | | Icono (FontAwesome) que se mostrará en la cabecera del panel.| | texto | object | |Objeto con los textos personalizados del componente. | | texto.piePagina | string | |Texto que se mostrará en el pie de página del panel. |