@chaibuilder/react
TypeScript icon, indicating that this package has built-in type declarations

0.0.1 • Public • Published

@chaibuilder/react

Description

It is a landing page builder where you can update and publish your website content in real-time. The builder supports a variety of built-in and custom components that you can modify and use.

Installation

Install the package via npm:

npm install @chaibuilder/react

Usage

Import the necessary components from @chaibuilder/react into your React application:

import { BlockRenderer } from "@chaibuilder/react";

const MyApp = () => {
  const blocks = [
    {
      type: "Box",
      tag: "div",
      classes: "flex flex-col items-center p-6 bg-gray-100",
      baseClasses: "",
      backgroundImage: "",
      id: "ymzhpD",
      dynamicClasses: "",
    },
    {
      type: "Heading",
      level: 1,
      classes: "text-3xl font-semibold",
      content: "Welcome to Chai Builder",
      id: "cvkjya",
      parent: "ymzhpD",
    },
    {
      type: "Text",
      content: "Build and Update Website",
      id: "htkyCr",
      parent: "ymzhpD",
    },
  ];

  return <BlockRenderer blocks={blocks} />;
};

Try Online

You can try Chai Builder online by visiting chaibuilder.com/try. Use the online editor to create and modify your website content visually. Once you're satisfied with the changes, you can generate the necessary code and integrate it into your project.

Readme

Keywords

none

Package Sidebar

Install

npm i @chaibuilder/react

Weekly Downloads

3

Version

0.0.1

License

MIT

Unpacked Size

170 kB

Total Files

5

Last publish

Collaborators

  • cometrover
  • kg1999