@superblocksteam/custom-components

Provides utility functions to help develop custom components that can be used in Superblocks Applications.

Usage

import React from "react";
import { useSuperblocksContext } from "@superblocksteam/custom-components";
import { type Props, type EventTriggers } from "./types";

export default function Component({
  count,
}: Props) {
  const {
    updateProperties,
    events: {
      onChange,
    },
  } = useSuperblocksContext<Props, EventTriggers>();

  return (
    <button
      onClick={() => {
        updateProperties({ count: count + 1 });
        onChange();
      }}
    >Increment</button>
  );
}