mc-pantalla-carga

MC010 - MC Pantalla de Carga

Componente de React que muestra un mensaje en medio de la pantalla para indicar que la aplicación esta cargando, cubre toda la pantalla y no permite la interacción con la interfaz mientras esta visible.

Nota: Este componente requiere de FontAwesome 5 para funcionar correctamente.

Instalación

npm install --save mc-pantalla-carga

Uso

import McPantallaCarga from 'mc-pantalla-carga';
 
class Ejemplo extends Component {
  render () {
    const { estaCargando } = this.props; // Variable que controla la aparición de la pantalla de carga.
    return (
      <McPantallaCarga
        mostrar={estaCargando}
      />
    )
  }
}

Props (Obligatorios)

Propiedad	Tipo	Descripción
mostrar	boolean	Indica si se mostrará la pantalla de carga.

Props (Opcionales)

Propiedad	Tipo	Predeterminado	Descripción
giroHorizontal	boolean	false	Indica si el icono girará horizontalmente mientras se muestra la pantalla de carga.
icono	boolean	'fas fa-spinner fa-spin'	Icono (FontAwesome) que se mostrará cuando la pantalla de carga sea visible.
texto	object		Objeto con los textos personalizados del componente.
texto.mensaje	string	'Cargando...'	Mensaje que se mostrará mientras la pantalla de carga sea visible.