lona-react/README.md

A lightweight and customizable React component library designed to simplify UI development with reusable and accessible components.

# 🌀 Lona React

**Lona React** is a lightweight and customizable React component library designed to simplify UI development with reusable and accessible components.

## 🚀 Features
- 📦 **Lightweight** – Optimized for performance with minimal dependencies.
- 🎨 **Customizable** – Style components easily with Tailwind CSS.
- ⚡ **Modular** – Import only the components you need.
- 🛠️ **Developer-Friendly** – Simple API and Javascript support.

---

## 📌 Installation

Install the package via npm or yarn:

```sh
npm install lona-react
# or
yarn add lona-react
```

---

## 🔧 Usage

Import components into your React project:

```js
import { Button } from "lona-react";

function App() {
  return <Button variant="primary">Click Me</Button>;
}

export default App;
```

---

## 📚 Available Components

- 🔘 **Button** – Customizable button with multiple variants.
- 🎛️ **Input** – Styled input fields with validation.
- 📜 **Modal** – Accessible modal for dialogs.
- 🔍 **SearchBar** – Search input with auto-suggestions.
- 📑 **Accordion** – Expandable/collapsible sections.
- 📌 **Tooltip** – Interactive tooltips for UI elements.

---

## 🛠️ Development

Clone the repository and install dependencies:

```sh
git clone https://github.com/jonahgeek/lona-react.git
cd lona-react
npm install
```

Start the development server:

```sh
npm run dev
```

To build the library:

```sh
npm run build
```

---

## 📦 Publishing to NPM

1. **Build the library**:  
   ```sh
   npm run build
   ```
2. **Login to NPM**:  
   ```sh
   npm login
   ```
3. **Publish the package**:  
   ```sh
   npm publish --access public
   ```

---

## 📜 License

MIT License © 2025 [Jonahgeek](https://github.com/jonahgeek)