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
- Bouncing Squares Loader
- Circular Spinner
- Pulsing Dot Loader
- 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.