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, lightweight, and fully customizable React loader component that automatically stays center-aligned and responsive across all screen sizes.

Perfect for dashboards, e-commerce apps, admin panels, and personal projects.

✨ Features

✅ Automatically center-aligned
📱 Fully responsive
🎨 Customizable size & color
⚡ Lightweight & fast
🔌 Easy to integrate in any React component

📦 Installation

npm install cb-react-smart-loader

⚠️ If you face peer dependency issues

npm install cb-react-smart-loader --legacy-peer-deps

🚀 Quick Start

1️⃣ Import the Loader

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

2️⃣ Use inside your component

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

const App = () => { return (

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

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

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

</div>

); };

export default App;


---

## ⚙️ Props

| Prop  | Type   | Default | Description                    |
| ----- | ------ | ------- | ------------------------------ |
| size  | string | `md`    | Loader size (`sm`, `md`, `lg`) |
| color | string | `#000`  | Loader color (any CSS color)   |

---

## 📐 Available Sizes

* `sm` – Small
* `md` – Medium (default)
* `lg` – Large

Example:


<SmartLoader size="lg" color="#ff5733" />


---

## 🎯 Why use cb-react-smart-loader?

Most loaders need extra CSS to center them.
**cb-react-smart-loader does it automatically** — saving time and keeping your UI clean.

---

## 🛠 Built With

* React
* Pure CSS
* Zero external dependencies

---

## ⭐ Support

If you like this package, please **star the repo** and share it with others ❤️
It motivates me to build more useful open-source tools.

---

## 📄 License

MIT License © 2025 **cb-react-smart-loader**