@mcsoft/panel-mensaje

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.