AppShell

v1.0.0

Lightweight application shell wrapper for module pages.

Import

import { AppShell } from '@meteorack/sdk-react';

How To Use It

Wrap the root React tree for a standalone module page or router entrypoint so Meteorack tokens and the default error boundary are applied once.
Use a single shell at the top of the page tree rather than nesting shells inside individual widgets.

Works Well With

PageHeader ContentContainer Card

Props

children: ReactNode

Page content rendered inside the shell wrapper.

className?: string

Optional class name for the shell root element.

Example

AppShell.tsx

import { AppShell, PageHeader, Card, Button } from '@meteorack/sdk-react';

export function AppRoot() {
  return (
    <AppShell>
      <PageHeader
        title="My Module"
        description="Module overview and controls"
      />
      <Card>
        <Button variant="primary">Run action</Button>
      </Card>
    </AppShell>
  );
}

NextPageHeader