JSPM

  • Created
  • Published
  • Downloads 7
  • Score
    100M100P100Q59066F
  • License ISC

Un paquete para mostrar indicadores de carga durante solicitudes o procesos en aplicaciones web compatibles con varios frameworks como React, Vue, Angular, Svelte, Next, JavaScript, etc.

Package Exports

  • loading-request
  • loading-request/dist/index.cjs.js
  • loading-request/dist/index.esm.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (loading-request) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Loading Request

npm version License

Un paquete para mostrar indicadores de carga durante solicitudes o procesos en aplicaciones web compatibles con varios frameworks como React, Vue, Angular, Svelte, etc.

Instalación

Puedes instalar el paquete utilizando npm:

npm install loading-request

o usando yarn:
yarn add loading-request

Ejemplo practico en React.js

import { showLoading, hideLoading } from 'loading-request';
import 'loading-request/dist/index.cjs.css';

const App = () => {
const handleShowLoading = () => {
    showLoading({
        message: "Cargando...",
        spinnerColor: "#ff0000",
        textLoadingColor: "#222",
    });

    hideLoading({ timeLoading: 1500 });
};

return (
    <>
    <button onClick={handleShowLoading}>Mostrar Carga</button>
    </>
);
};

export default App;

API

showLoading(message: string)

Muestra un indicador de carga con un mensaje opcional.

    message: Mensaje que se muestra junto al indicador de carga. Opcional, por defecto es "Loading...".

hideLoading(timeLoading: number)

Oculta el indicador de carga después de un tiempo especificado.

    timeLoading: Tiempo en milisegundos antes de ocultar el indicador. Opcional, por defecto es 400ms.

Contribuir

Si encuentras algún problema o tienes una idea para mejorar el paquete, por favor abre un issue o envía un pull request en GitHub: https://github.com/urian123/loading-request

Licencia

Desarrollador

Urian Viera (https://github.com/urian123) Web (https://urianviera.com/) Email: urian1213viera@gmail.com