Customize UI
Embed Mode
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?
import {
VeltCommentsSidebar,
} from '@veltdev/react';
export default function App() {
return (
<>
<div className="sidebar-container">
<VeltCommentsSidebar embedMode={true} />
</div>
</>
);
}