Root API

Import

import { Root } from "@stratakit/mui";

Root.Root

Base element:<div>

Component to be used at the root of your application. It ensures that StrataKit theme for MUI is applied correctly.

Example:

<Root colorScheme="dark">
  <App />
</Root>

colorScheme

Type:"light" | "dark"(required)

The color scheme to use for all components on the page.

children

Type:ReactNode(optional)

rootNode

Type:Document | ShadowRoot | undefined(optional)

Default:document

The root node to which this Root component is attached.

This needs to be set when the Root is rendered within shadow DOM or a popout window.

unstable_accentColor

Type:"aurora" | "cobalt" | undefined(optional)

Default:"aurora"

The accent color to use for all components under the Root:

• "aurora": StrataKit’s preferred green accent color.
• "cobalt": Blue accent color for better compatibility with older, iTwinUI-based applications.

Additional props

• render