Have ideas to improve npm?Join in the discussion! »

mc-pantalla-cargaTypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

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.

Software Type Language Software License Version Downloads

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.

Install

npm i mc-pantalla-carga

DownloadsWeekly Downloads

2

Version

1.0.0

License

MIT

Unpacked Size

10.7 kB

Total Files

6

Last publish

Collaborators

  • avatar