> ## Documentation Index
> Fetch the complete documentation index at: https://velt.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Setup

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

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    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>
      );
    }
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-comments-sidebar-v2></velt-comments-sidebar-v2>
    ```
  </Tab>
</Tabs>

For V2 props reference, see [`VeltCommentsSidebarV2Props`](/api-reference/sdk/models/data-models#veltcommentssidebarv2props).

For V2 wireframe customization, see [Comment Sidebar V2 UI Customization](/ui-customization/features/async/comments/comment-sidebar-structure-v2).