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

    @mcsoft/pantalla-carga
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.0 • Public • Published

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

    Install

    npm i @mcsoft/pantalla-carga

    DownloadsWeekly Downloads

    1

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    11.1 kB

    Total Files

    6

    Last publish

    Collaborators

    • avatar