pagamio-frontend-commons-library

A reusable React component library styled with Tailwind CSS, designed to streamline your frontend development process.

🚀 Features

• A Form Engine: A package with all possible input components that can be used to build a form. This helps render forms in your project.
• Reusable Components: A collection of customizable components like DateInput, TextInput, and more.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• TypeScript Support: Fully typed components for enhanced developer experience.
• Flexible Imports: Import components individually or collectively.
• Peer Dependencies: Ensures compatibility with React and React DOM versions.

📦 Installation

Install the library via Yarn:

yarn add pagamio-frontend-commons-lib

🎨 Usage

• Importing Styles

  Import the compiled Tailwind CSS styles into your application's entry point (e.g., index.js or App.js):

  import 'pagamio-frontend-commons-lib/lib/styles.css';

• Importing Components

  You can import components individually or collectively.

• a. Named Imports

  Import multiple components from the main entry point:

  import { DateInput, TextInput } from 'pagamio-frontend-commons-lib';