@pack/react

React UI primitives for rendering Pack content and storefront configuration.

Install

npm install @pack/react

Main exports

• PackProvider / PreviewProvider
• RenderSections, useSections
• registerSection
• registerStorefrontSettingsSchema
• usePackContext, useSiteSettings, useLocale

Usage

import { PackProvider, RenderSections } from "@pack/react";

export function App({ sections, siteSettings, isPreviewModeEnabled }: Props) {
  return (
    <PackProvider
      siteSettings={siteSettings}
      isPreviewModeEnabled={isPreviewModeEnabled}
    >
      <RenderSections sections={sections} />
    </PackProvider>
  );
}

Development

yarn
yarn build
yarn test