@mcsoft/panel-mensaje NPM

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

mcsoft react library spanish panel

1.0.0

5 years ago