React UI

napps new my-component --template custom-component

import {
  type ComponentContext,
  type FieldsMeta,
  type RootComponentProps,
  BaseReactUIComponent
} from "@napps/nodes";

interface PromoProps {
  title: string;
}

export const meta: FieldsMeta<PromoProps> = {
  title: { type: "text", label: "Title", default: "Hello" }
};

function App({ settings }: RootComponentProps<PromoProps>) {
  return (
    <column style={{ padding: 16 }}>
      <text>{settings?.title ?? "Hello"}</text>
    </column>
  );
}

export default (context: ComponentContext, args: PromoProps) =>
  new BaseReactUIComponent(context, args, <App settings={args} />);