Skip to main content

React

If you are using React as a direct script include, please go here.

If you are using React as a SPA or with a React framework (Next.js) use the instructions below. Replace the value for id with the parameter in your wall url https://app.vouchpanel.com/walls/[id].

Install with yarn (or npm install):

yarn add @vouchpanel/react

Include it as a TSX element. Remove the types if using JSX.

import Wall from "@vouchpanel/react";
const MyWall = (props: any) => {
return (
<div>
<Wall darkMode={"off"} id={4}></Wall>
</div>
);
};

Props#

nametypedefaultdescription
idstringrequiredThe id of the wall to display
darkModeoff, onoffWhether to display the element in dark mode