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 @mcsoft/pantalla-carga

Uso

import McPantallaCarga from '@mcsoft/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 | Controla la aparición de 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. |