@heathmont/moon-base-tw NPM

📦 Moon React Base components library

A collection of reusable and customizable UI SSR components for NextJS applications.

🚀 Features

📌 Well-structured and modular components
🎨 Customizable with class names and styles
✅ Fully typed with TypeScript support
🏎 Optimized for performance and accessibility

📦 Installation

Install via npm:

npm install @heathmont/moon-base-tw

Or using pnpm:

pnpm install @heathmont/moon-base-tw

Or yarn:

yarn @heathmont/moon-base-tw

🎯 Available Components

Component	Description
Accordion	Expandable/collapsible content sections
Button	Customizable button component
Checkbox	Standard checkbox input
Chip	Small interactive label/badge
Input	Customizable text input
Loader	Loading indicator
mergeClassnames	Utility function for merging class names
NativeSelect	Native select dropdown
Pagination	Pagination controls for lists/tables
getPageInfo	Utility function for pagination calculations
Table	Table component for displaying structured data
Tabs	Tabbed navigation component
Tag	Styled tag/badge for categorization

🎨 Usage

Example: Button

import { Button } from "@heathmont/moon-base-tw/lib";

const App = () => {
  return <Button onClick={() => alert("Clicked!")}>Click Me</Button>;
};

export default App;