> ## Documentation Index
> Fetch the complete documentation index at: https://docs.velt.dev/llms.txt
> Use this file to discover all available pages before exploring further.
# Stream Setup
Import the `VeltComments` component.
```js theme={null}
import {
VeltProvider,
VeltComments,
} from '@veltdev/react';
```
Add the `VeltComments` component inside a scrolling container. Make it a sibling to the element that contains the content you want to be commented.
In the `VeltComments` component, mark the `streamMode` attribute as `true`.
Also set the `streamViewContainerId` attribute to the id of the scrolling container.
Stream mode renders all comment dialog boxes in a column on the right side similar to Google Docs. It works well with Text mode, which is enabled by default.
Setting a reference to the container ID helps us position & scroll the comment stream as the user scrolls more robustly.
```js theme={null}
//This element is scrollable
//This element contains the content that you want to be commented.
```
Test it out by adding a comment.
Select any text, a `Comment Tool` button will appear near the highlighted text.
Click on it to add a comment and see the comment appear in the comment stream.
Add the `` component inside a scrolling container. Make it a sibling to the element that contains the content you want to be commented.
In the `` component, mark the `stream-mode` attribute as `true`.
Also set the `stream-view-container-id` attribute to the id of the scrolling container.
Stream mode renders all comment dialog boxes in a column on the right side similar to Google Docs. It works well with Text mode, which is enabled by default.
Setting a reference to the container ID helps us position & scroll the comment stream as the user scrolls more robustly.
```html theme={null}
//This element is scrollable
//This element contains the content that you want to be commented.
```
Test it out by adding a comment.
Select any text, a `Comment Tool` button will appear near the highlighted text.
Click on it to add a comment and see the comment appear in the comment stream.
```jsx React / Next.js theme={null}
import { VeltProvider, VeltComments, VeltCommentTool } from '@veltdev/react';
export default function App() {
return (
//This element is scrollable
//This element contains the content that you want to be commented.
);
}
```
```html HTML theme={null}
Comment documentation
//This element is scrollable
//This element contains the content that you want to be commented.
