🌀 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:

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

🔧 Usage

Import components into your React project:

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:

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

Start the development server:

npm run dev

To build the library:

npm run build

📦 Publishing to NPM

1. Build the library:

   npm run build

2. Login to NPM:

   npm login

3. Publish the package:

   npm publish --access public

📜 License

MIT License © 2025 Jonahgeek