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