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

export default function App() {

  return (
    <>
    
      <div className="sidebar-container">
        <VeltCommentsSidebar embedMode={true} />
      </div>

    </>
  );
}

​
Embed the Sidebar in a component

You can customize the location of the sidebar.

By default, the sidebar will open up from the right corner of the page. Instead with embed mode, you can move the sidebar anywhere and it will take up the full width and height of its container.

<div className="sidebar-container">
  <VeltCommentsSidebar embedMode={true} />
</div>

Was this page helpful?

Customize BehaviorCustom Button