Comments Sidebar V2 setup

Install the V2 primitive-based Comments Sidebar with VeltCommentsSidebarV2 for a customizable, composable comments panel in React, Next.js, and HTML.

The V2 sidebar is a fully primitive-based implementation. Import VeltCommentsSidebarV2 directly to use it.

React / Next.js

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

export default function App() {
  return (
    <VeltProvider apiKey="API_KEY">
      <VeltComments />
      <VeltCommentsSidebarV2 />
      <div className="toolbar">
        <VeltCommentTool />
        <VeltSidebarButton />
      </div>
    </VeltProvider>
  );
}

Other Frameworks

<velt-comments-sidebar-v2></velt-comments-sidebar-v2>

For V2 props reference, see VeltCommentsSidebarV2Props.

For V2 wireframe customization, see Comment Sidebar V2 UI Customization.