Skip to main content

DevToolsLayout

Home > @backstage/plugin-devtools > DevToolsLayout

DevTools is a compound component, which allows you to define a custom layout

Signature:

DevToolsLayout: {
    ({ children, title, subtitle, }: DevToolsLayoutProps): React.JSX.Element;
    Route: (props: SubRoute) => null;
}

Example​

<DevToolsLayout>
  <DevToolsLayout.Route path="/example" title="Example tab">
    <div>This is rendered under /example/anything-here route</div>
  </DevToolsLayout.Route>
</DevToolsLayout>