@ui-libs/loader v1.1.1

Loader Component Library

A simple, customizable loader component built with React. It allows you to specify the color, number of bouncing elements, and whether or not to show an overlay behind the loader.

Installation

Install the library via npm (or pnpm, if you're using it):

npm install @ui-libs/loader

Or using pnpm:

pnpm add @ui-libs/loader

Usage

Here’s how you can use the Loader component in your React project

import React from 'react';
import Loader from '@ui-libs/loader';

const App = () => {
  return (
    <div>
      <h1>Welcome to the Loader Demo</h1>
      <Loader color="red" bounceElements={4} withOverlay={true} />
    </div>
  );
};

export default App;

Example Usage

Loader with 3 bouncing elements and an overlay:

<Loader color="#00ff00" bounceElements={3} withOverlay={true} />

Loader with 5 bouncing elements and no overlay:

<Loader color="#ff0000" bounceElements={5} withOverlay={false} />