Package Exports

cb-react-smart-loader
cb-react-smart-loader/src/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 (cb-react-smart-loader) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

cb-react-smart-loader

A simple and customizable React loader component.

Installation

npm install cb-react-smart-loader


🚀 Just Released: cb-react-smart-loader – A super easy, fully customizable React loader!

Say goodbye to clunky loaders and hello to smooth, responsive, center-aligned loading spinners for your React apps. Whether you’re building dashboards, e-commerce sites, or personal projects, this loader makes your app look sleek while data is loading.

Why cb-react-smart-loader?
✅ Center-aligned automatically
✅ Fully responsive
✅ Easy to integrate in any React component
✅ Lightweight and fast

How to use it? Check out the step-by-step guide below! 👇

Step-by-Step Guide

1️⃣ Install the package

npm install cb-react-smart-loader
# Or if you face peer dependency issues
npm install cb-react-smart-loader --legacy-peer-deps


2️⃣ Import the Loader in your component

import SmartLoader from 'cb-react-smart-loader';


3️⃣ Use it inside your component

import React from 'react';
import SmartLoader from 'cb-react-smart-loader';

const App = () => {
  return (
    <div style={{ minHeight: '100vh', display: 'flex', justifyContent: 'center', alignItems: 'center' }}>

      {/* Default loader */}
      <SmartLoader />

      {/* Large loader, red color */}
      {/* <SmartLoader size="lg" color="red" /> */}

      {/* Small loader, custom green color */}
      <SmartLoader size="sm" color="#00ff00" />

    </div>
  )
}

export default App;