Version: Next

EntityLayout

Home > @backstage/plugin-catalog > EntityLayout

EntityLayout is a compound component, which allows you to define a layout for entities using a sub-navigation mechanism.

Consists of two parts: EntityLayout and EntityLayout.Route

Signature:

EntityLayout: {
    (props: EntityLayoutProps): React.JSX.Element;
    Route: (props: EntityLayoutRouteProps) => null;
}

Example

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

Example​

Example