Setup

Import the Comments Sidebar Components.

import { 
  VeltProvider, 
  VeltCommentsSidebar, 
  VeltSidebarButton,
  VeltCommentTool 
} from '@veltdev/react';

Add the VeltComments and VeltCommentsSidebar components to the root of your app.

<div>
  <VeltComments />
  <VeltCommentsSidebar />
</div>

Add the Sidebar button to toggle the sidebar. Add the VeltCommentTool component to leave comments.

<div className="toolbar">
  <VeltSidebarButton />
  <VeltCommentTool />
</div>

This is completely optional and you can toggle the sidebar in the comment dialog as well.

Test it out by opening the sidebar.

You should be able to click the All comments link in a comment dialog box on the bottom.