retool-tripetto-builder

retool-tripetto-builder: Tripetto's form builder hosted in a Retool custom component

Usage

You can use this package in a retool's custom component and it will render tripetto's form builder with the live preview.

[Usage!]](https://imgur.com/a/fLjQn93)

Quickstart

1. Add a custom component to your retool application

2. Update the component's iFrame Code In the component inspector, replace the default IFrame Code with the following:

   <script type="text/javascript" src="https://unpkg.com/retool-tripetto-builder@latest/dist/index.js" />

3. Update the component's Model In the component inspector, replace the Model value with the following:

   {
     "formDefinition": <formDefinition> // <-- input (can be populated by retool query)
   "formDefinitionOutput": {} // <-- output (can be references in retool app as `customComponentName.model.formDefinitionOutput)
   }

Local Development

TBD

Notes

Tripetto builder inspired by Tripetto SDK / Builder / React / Live preview with autoscroll runner

Package inspired by tryretool/custom-component-guide