Customize Media render using ReactRender

Jira Development
1

Currently I am using ReactRenderer to render the ADF description

import { ReactRenderer } from "@atlaskit/renderer";

function CustomAdfParagraph(props) {
  const theme = useTheme();
  return (
    <div style={{ color: "#555", fontSize: "12px" }}>
      {props.children}
    </div>
  );
}

<ReactRenderer
    document={description}
    nodeComponents={{
      paragraph: CustomAdfParagraph,
    }}
/>

The concern is How can I customize the rendered media height and width and the gap between the rendered media

1 Like