Starting with FlowModel

Custom FlowModel

class HelloModel extends FlowModel {
  render() {
    return (
      <div>
        <h1>Hello, NocoBase!</h1>
        <p>This is a simple block rendered by HelloModel.</p>
      </div>
    );
  }
}

Available FlowModel Base Classes

Base Class Name	Description
`BlockModel`	Base class for all blocks
`CollectionBlockModel`	Collection block, inherits from BlockModel
`ActionModel`	Base class for all actions

Registering FlowModel

export class PluginHelloClient extends Plugin {
  async load() {
    this.engine.registerModelLoaders({
      HelloModel: {
        // Dynamic import: the model module loads only when this model is first needed
        loader: () => import('./HelloModel'),
      },
    });
  }
}

Rendering FlowModel

<FlowModelRenderer model={model} />

#Starting with FlowModel

#Custom FlowModel

#Available FlowModel Base Classes

#Registering FlowModel

#Rendering FlowModel

#Starting with FlowModel

#Custom FlowModel

#Available FlowModel Base Classes

#Registering FlowModel

#Rendering FlowModel

Starting with FlowModel

Custom FlowModel

Available FlowModel Base Classes

Registering FlowModel

Rendering FlowModel

Starting with FlowModel

Custom FlowModel

Available FlowModel Base Classes

Registering FlowModel

Rendering FlowModel