plugin-emotion-cache

Inject emotion cache into the Puck iframe.

Quick start

npm i @measured/puck-plugin-emotion-cache

import { Puck } from "@measured/puck";
import createEmotionCache from "@measured/puck-plugin-emotion-cache";

// Create your emotion cache plugin. This example configures it for Chakra.
const chakraEmotionCache = createEmotionCache("cha");

// Render Puck
export function Page() {
  return <Puck config={config} data={data} plugins={[chakraEmotionCache]} />;
}

Args

| Param | Example | Type | Status | | ------------- | ------- | ------ | -------- | | key | cha | String | Required |

Required args

key

Key to pass to Emotion's createCache method.

License

MIT © Measured Corporation Ltd