ReactBricks

The <ReactBricks> component wraps all the other React Bricks components and acts as a Provider for the <ReactBricksContext> that make the configuration available to all the other components.

Usage example#

<ReactBricks
  appId="XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX"
  apiKey="XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX"
  bricks={...}
  pageTypes={...}
  logo="/logo.svg"
  contentClassName="content"
  renderLocalLink={({ href, children, className, activeClassName }) => {...}}
  navigate={...}
  loginPath="/"
  editorPath="/admin/editor"
  playgroundPath="/admin/playground"
  appSettingsPath="/admin/app-settings"
  previewPath="/preview"
  isDarkColorMode={colorMode === 'dark'}
  toggleColorMode={...}
  appRootElement="#root"
  clickToEditSide={types.ClickToEditSide.BottomRight}
  customFields={...}
  responsiveBreakpoints={...}
  enableAutoSave
  disableSaveIfInvalidProps
  enablePreview
>
  ...
</ReactBricks>