How do I use the fluent form builder api within an App plugin?

When developing a panel, we can use the form builder API (below). How can I use this API within a Grafana App Plugin? I found the following class, which has the appropriate API, but I do not know how to use this to generate DOM/React nodes.

export const plugin = new PanelPlugin<SimpleOptions>(
  SimplePanel
).setPanelOptions((builder) =>
  builder
    .addTextInput({
      name: "foo",
      defaultValue: "abc",
      path: "foo",
      description: "Some foo",
    })
    .addTextInput({
      name: "bar",
      defaultValue: "def",
      path: "bar",
      description: "Some bar",
    })
);

Unfortunately that’s only available for panel plugins at this point, but I’ll make sure to forward your feedback to the team.

1 Like