Variable DevToolsContentBlueprint`Const`

DevToolsContentBlueprint: ExtensionBlueprint<
    {
        config: { path: string
        | undefined; title: string | undefined };
        configInput: { path?: string; title?: string };
        dataRefs: never;
        inputs: {};
        kind: "devtools-content";
        output:
            | ExtensionDataRef<Element, "core.reactElement", {}>
            | ExtensionDataRef<string, "core.routing.path", {}>
            | ExtensionDataRef<
                RouteRef<AnyRouteRefParams>,
                "core.routing.ref",
                { optional: true },
            >
            | ExtensionDataRef<string, "core.title", {}>;
        params: DevToolsContentBlueprintParams;
    },
> = ...

Extension blueprint for creating DevTools content pages (appearing as tabs)

Example

const myDevToolsContent = DevToolsContentBlueprint.make({
 {
    params: {
      path: 'my-dev-tools',
      title: 'My DevTools',
      loader: () =>
        import('../components/MyDevTools').then(m =>
          compatWrapper(<m.MyDevTools />),
        ),
    },
  },
});

Variable DevToolsContentBlueprintConst

Example

Settings

Variable DevToolsContentBlueprint`Const`