JSPM

  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q46372F
  • License ISC

React Loaders

Package Exports

  • loaders-ui
  • loaders-ui/dist/index.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 (loaders-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Loaders Package

A collection of customizable and visually appealing loaders for your web applications.

Loaders Available

  1. Bouncing Squares Loader
  2. Circular Spinner
  3. Pulsing Dot Loader
  4. Rotating Cube Loader

Installation

To install the package, run:

npm install your-loaders-package

Usage

Bouncing Squares Loader

import React from 'react';
import { BouncingSquaresLoader } from 'your-loaders-package';

const App = () => (
  <div>
    <BouncingSquaresLoader color="#3498db" size="50px" />
  </div>
);

export default App;

Circular Spinner

import React from 'react';
import { CircularSpinner } from 'your-loaders-package';

const App = () => (
  <div>
    <CircularSpinner color="#e74c3c" size="60px" />
  </div>
);

export default App;

Pulsing Dot Loader

import React from 'react';
import { PulsingDotLoader } from 'your-loaders-package';

const App = () => (
  <div>
    <PulsingDotLoader color="#2ecc71" size="40px" />
  </div>
);

export default App;

Rotating Cube Loader

import React from 'react';
import { RotatingCubeLoader } from 'your-loaders-package';

const App = () => (
  <div>
    <RotatingCubeLoader color="#f1c40f" size="70px" />
  </div>
);

export default App;

Props

Common Props

All loaders share the following common props:

  • `color` (string): The color of the loader.
  • `size` (string): The size of the loader.

Specific Props

Each loader may have additional specific props which can be found in their respective documentation sections.

Keywords

  • loaders
  • react-loaders
  • spinner
  • loading-indicator
  • bouncing-squares
  • circular-spinner
  • pulsing-dot
  • rotating-cube

License

This project is licensed under the MIT License.