LayoutShell

Basic layout

Basic layout example

Admin

Filters

Page content

tsx

import { LayoutShell } from "~/components/ui/qui-test-layout/layout-shell";

<LayoutShell.Root>
  <LayoutShell.Header>Admin</LayoutShell.Header>
  <LayoutShell.Content>
    <LayoutShell.Sidebar>Filters</LayoutShell.Sidebar>
    <LayoutShell.Main>Page content</LayoutShell.Main>
  </LayoutShell.Content>
</LayoutShell.Root>

Metadata

Source: meta.generated.json (see npm run generate)

File qui-test-layout/layout-shell/meta.generated.json not found or path not allowed.