@crystallize/react-content-transformer v2.0.3

React Crystallize Content Transformer

Transform Crystallize rich text json to React html components. Makes it easy to build React Commerce solutions with Product Information Management powered by Crystallize that enable Fast Ecommerce API.

In Typescript

import { ContentTransformer, NodeContent, Overrides, NodeProps } from '@crystallize/react-content-transformer';

const overrides: Overrides = {
  link: (props: NodeProps) => (
    <a href={props.metadata?.href}>
      <NodeContent {...props} />
    </a>
  ),
};

<ContentTransformer json={richTextJson} overrides={overrides} />

In Javascript

import { ContentTransformer, NodeContent } from '@crystallize/react-content-transformer';

const overrides = {
  link: props => <a href={props.metadata.href}><NodeContent {...props} /></a>
};

<ContentTransformer json={richTextJson} overrides={overrides} />