Skip to main content
Version: Next

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>