Adrec-Component-Library

This is the component library for the Adrec Platform, which contains all the building blocks that can be used to build the platform’s services. It is designed to accelerate development with consistency, flexibility, and ease of use.

Features

• React-based – Built with modern React standards
• Easy to use – Developer-friendly APIs
• Zero config – Plug-and-play with no setup required
• Tailwind styling – Pre-styled with Tailwind CSS
• TypeScript – Fully typed for robust development
• Storybook – Visual component explorer included

Available Components

Installation

Install the Adrec component library using npm:

npm i adrec-componentlib

Usage

Here's a basic example of how to import and use a component from the library:

import { Layout } from "adrec-componentlib";

const PageEntry = () => {
  return (
    <Layout isEditing>
      {Object.values(pages).map((page) => (
        <SinglePage key={page.id} {...page} />
      ))}
    </Layout>
  );
};