1. Install the npm package with your favorite package manager

# npm
npm install --save @notice-org/react

# yarn
yarn add @notice-org/react

# pnpm
pnpm install @notice-org/react







2. You can now import and use the Notice component everywhere

import { Notice } from '@notice-org/react'

const AnyReactComponent = () => {
  return <Notice pageId="{{{project}}}" />
}







3. And you can add any of those props

<Notice
  pageId="string" // required
  lang="string" // optionnal
  theme="light | dark" // optionnal
  navigationType="query | memory" // default to memory
/>

// You can also pass children to this component that will act as a loading state
<Notice pageId="...">
  <span>Loading...</span>
</Notice>







Example sandbox


Created with Notice