Comments Sidebar
Setup
1
Import Comments Sidebar Components
Import the Comments Sidebar Components.
import {
VeltProvider,
VeltCommentsSidebar,
VeltSidebarButton,
VeltCommentTool
} from '@veltdev/react';
2
Add Comments and Sidebar components
Add the VeltComments
and VeltCommentsSidebar
components to the root of your app.
<div>
<VeltComments />
<VeltCommentsSidebar />
</div>
3
Add Sidebar button and Comment Tool component
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.
4
Test Integration
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.
Was this page helpful?