React

Install Packages

Install our react core package through npm or yarn:

npm install @dynamicdocs/react

yarn add @dynamicdocs/react

Obtain your appId in the Configuration page

• The appId is available under the "Website Integration" tab in Configuration page.

Integrate with your code

Initiate a DynamicDocsWidget instance in any page you want the widget to appear.

If you are using next.js, make sure the component is a Client Component (uses Client-Side Rendering).

import DynamicDocsWidget from '@dynamicdocs/react';

export default function YourComponent() {
  return (
    <DynamicDocsWidget
      appId=yourAppId
    />
  );
}