MDX.org.ai
UI ComponentsLayout

App

Root application wrapper with theme, locale, and global providers

Root application wrapper that provides global context, theme, and error boundaries.

Structure

┌─────────────────────────────────────────┐
│ root                                    │
│ ┌─────────────────────────────────────┐ │
│ │ providers                           │ │
│ │ ┌─────────────────────────────────┐ │ │
│ │ │ error-boundary                  │ │ │
│ │ │                                 │ │ │
│ │ │   {children}                    │ │ │
│ │ │                                 │ │ │
│ │ └─────────────────────────────────┘ │ │
│ └─────────────────────────────────────┘ │
└─────────────────────────────────────────┘

Usage

<App appName="My Application" theme="system" locale="en">
  <Site>
    <Page>
      <Hero title="Welcome" />
    </Page>
  </Site>
</App>

On this page