# Velt

## Docs

- [Conditional Templates](https://docs.velt.dev/advanced-customization/conditional-templates)
- [Dark Mode](https://docs.velt.dev/advanced-customization/customize-css/dark-mode)
- [Remove Shadow DOM](https://docs.velt.dev/advanced-customization/customize-css/remove-shadow-dom)
- [Use CSS Library](https://docs.velt.dev/advanced-customization/customize-css/use-css-library)
- [Use Custom CSS](https://docs.velt.dev/advanced-customization/customize-css/use-custom-css)
- [Replace component layout](https://docs.velt.dev/advanced-customization/customize-layout/change-default-html)
- [Reorder Components](https://docs.velt.dev/advanced-customization/customize-layout/change-order)
- [Overview](https://docs.velt.dev/advanced-customization/customize-layout/overview)
- [Remove Components](https://docs.velt.dev/advanced-customization/customize-layout/remove-existing)
- [Overview](https://docs.velt.dev/advanced-customization/overview)
- [General Setup](https://docs.velt.dev/advanced-customization/setup)
- [Template Variables](https://docs.velt.dev/advanced-customization/template-variables)
- [Variants](https://docs.velt.dev/advanced-customization/variants)
- [null](https://docs.velt.dev/api-reference/api-methods/comments)
- [null](https://docs.velt.dev/api-reference/api-methods/cursors)
- [null](https://docs.velt.dev/api-reference/api-methods/live-state-sync)
- [null](https://docs.velt.dev/api-reference/api-methods/notifications)
- [null](https://docs.velt.dev/api-reference/api-methods/presence)
- [null](https://docs.velt.dev/api-reference/api-methods/recorder)
- [null](https://docs.velt.dev/api-reference/api-methods/rewriter)
- [null](https://docs.velt.dev/api-reference/api-methods/selection)
- [null](https://docs.velt.dev/api-reference/api-methods/velt-client)
- [React Hooks](https://docs.velt.dev/api-reference/hooks/hooks)
- [null](https://docs.velt.dev/api-reference/models/AutocompleteItem)
- [null](https://docs.velt.dev/api-reference/models/Comment)
- [CommentAnnotation](https://docs.velt.dev/api-reference/models/CommentAnnotation)
- [CommentSelectionChangeData](https://docs.velt.dev/api-reference/models/CommentSelectionChangeData)
- [CommentSidebarConfig](https://docs.velt.dev/api-reference/models/CommentSidebarConfig)
- [CommentSidebarCustomActionEventData](https://docs.velt.dev/api-reference/models/CommentSidebarCustomActionEventData)
- [CommentSidebarData](https://docs.velt.dev/api-reference/models/CommentSidebarData)
- [Velt Client Config](https://docs.velt.dev/api-reference/models/Config)
- [ContactListScopeForOrganizationUsers](https://docs.velt.dev/api-reference/models/ContactListScopeForOrganizationUsers)
- [CursorUser](https://docs.velt.dev/api-reference/models/CursorUser)
- [CustomCss](https://docs.velt.dev/api-reference/models/CustomCss)
- [CustomFilter](https://docs.velt.dev/api-reference/models/CustomFilter)
- [DocumentMetadata](https://docs.velt.dev/api-reference/models/DocumentMetadata)
- [EditorAccessTimer](https://docs.velt.dev/api-reference/models/EditorAccessTimer)
- [null](https://docs.velt.dev/api-reference/models/FeatureTypes)
- [FlockOptions](https://docs.velt.dev/api-reference/models/FlockOptions)
- [LiveStateData](https://docs.velt.dev/api-reference/models/LiveStateData)
- [null](https://docs.velt.dev/api-reference/models/LiveStateDataMap)
- [null](https://docs.velt.dev/api-reference/models/Location)
- [LocationMetadata](https://docs.velt.dev/api-reference/models/LocationMetadata)
- [MediaPreviewConfig](https://docs.velt.dev/api-reference/models/MediaPreviewConfig)
- [null](https://docs.velt.dev/api-reference/models/Notification)
- [PageInfo](https://docs.velt.dev/api-reference/models/PageInfo)
- [PresenceUser](https://docs.velt.dev/api-reference/models/PresenceUser)
- [null](https://docs.velt.dev/api-reference/models/Recorder)
- [RecorderAnnotation](https://docs.velt.dev/api-reference/models/RecorderAnnotation)
- [RecorderData](https://docs.velt.dev/api-reference/models/RecorderData)
- [RewriterAnnotation](https://docs.velt.dev/api-reference/models/RewriterAnnotation)
- [SyncVideoPlayer](https://docs.velt.dev/api-reference/models/SyncVideoPlayer)
- [null](https://docs.velt.dev/api-reference/models/Toast)
- [null](https://docs.velt.dev/api-reference/models/Transcription)
- [null](https://docs.velt.dev/api-reference/models/User)
- [UserContactSelectedPayload](https://docs.velt.dev/api-reference/models/UserContactSelectedPayload)
- [UserContactUs](https://docs.velt.dev/api-reference/models/UserContactUs)
- [UserFeedback](https://docs.velt.dev/api-reference/models/UserFeedback)
- [Add Comment Annotations](https://docs.velt.dev/api-reference/rest-apis/comments-feature/comment-annotations/add-comment-annotations)
- [Delete Comment Annotations](https://docs.velt.dev/api-reference/rest-apis/comments-feature/comment-annotations/delete-comment-annotations)
- [Get Comment Annotations](https://docs.velt.dev/api-reference/rest-apis/comments-feature/comment-annotations/get-comment-annotations)
- [Get Comment Annotations v2](https://docs.velt.dev/api-reference/rest-apis/comments-feature/comment-annotations/get-comment-annotations-v2)
- [Update Comment Annotations](https://docs.velt.dev/api-reference/rest-apis/comments-feature/comment-annotations/update-comment-annotations)
- [Add Comments](https://docs.velt.dev/api-reference/rest-apis/comments-feature/comments/add-comments)
- [Delete Comments](https://docs.velt.dev/api-reference/rest-apis/comments-feature/comments/delete-comments)
- [Get Comments](https://docs.velt.dev/api-reference/rest-apis/comments-feature/comments/get-comments)
- [Update Comments](https://docs.velt.dev/api-reference/rest-apis/comments-feature/comments/update-comments)
- [Add Documents](https://docs.velt.dev/api-reference/rest-apis/documents/add-documents)
- [Delete Documents](https://docs.velt.dev/api-reference/rest-apis/documents/delete-documents)
- [Get Documents](https://docs.velt.dev/api-reference/rest-apis/documents/get-documents)
- [Get Documents v2](https://docs.velt.dev/api-reference/rest-apis/documents/get-documents-v2)
- [Update Access for Documents](https://docs.velt.dev/api-reference/rest-apis/documents/update-document-access)
- [Update Disabled State for Documents](https://docs.velt.dev/api-reference/rest-apis/documents/update-document-disable-state)
- [Update Documents](https://docs.velt.dev/api-reference/rest-apis/documents/update-documents)
- [Delete Data by Location](https://docs.velt.dev/api-reference/rest-apis/locations/delete-data-by-location): Delete all data associated with a specific location
- [Update Location](https://docs.velt.dev/api-reference/rest-apis/locations/update-location): Update a Location's metadata
- [Add Notifications](https://docs.velt.dev/api-reference/rest-apis/notifications/add-notifications)
- [Delete Notifications](https://docs.velt.dev/api-reference/rest-apis/notifications/delete-notifications)
- [Get Notifications](https://docs.velt.dev/api-reference/rest-apis/notifications/get-notifications)
- [Get Notifications v2](https://docs.velt.dev/api-reference/rest-apis/notifications/get-notifications-v2)
- [Update Notifications](https://docs.velt.dev/api-reference/rest-apis/notifications/update-notifications)
- [Add User Groups](https://docs.velt.dev/api-reference/rest-apis/organization-user-groups/add-groups)
- [Add Users to Groups](https://docs.velt.dev/api-reference/rest-apis/organization-user-groups/add-users-to-group)
- [Delete Users from Groups](https://docs.velt.dev/api-reference/rest-apis/organization-user-groups/delete-users-from-group)
- [Add Organizations](https://docs.velt.dev/api-reference/rest-apis/organizations/add-organizations)
- [Delete Organizations](https://docs.velt.dev/api-reference/rest-apis/organizations/delete-organizations)
- [Get Organizations](https://docs.velt.dev/api-reference/rest-apis/organizations/get-organizations)
- [Get Organizations v2](https://docs.velt.dev/api-reference/rest-apis/organizations/get-organizations-v2)
- [Update Disabled State for Organizations](https://docs.velt.dev/api-reference/rest-apis/organizations/update-organization-disable-state)
- [Update Organizations](https://docs.velt.dev/api-reference/rest-apis/organizations/update-organizations)
- [Add Users](https://docs.velt.dev/api-reference/rest-apis/users/add-users)
- [Delete All User Data (GDPR)](https://docs.velt.dev/api-reference/rest-apis/users/delete-all-user-data-gdpr): Remove All User data from Velt.
- [Delete Users](https://docs.velt.dev/api-reference/rest-apis/users/delete-users): Remove Users from an Organization or a Document.
- [Get Users](https://docs.velt.dev/api-reference/rest-apis/users/get-users)
- [Get Users v2](https://docs.velt.dev/api-reference/rest-apis/users/get-users-v2)
- [Update Users](https://docs.velt.dev/api-reference/rest-apis/users/update-users)
- [Customize Behavior](https://docs.velt.dev/async-collaboration/arrows/customize-behavior)
- [Custom Button](https://docs.velt.dev/async-collaboration/arrows/customize-ui/custom-button)
- [null](https://docs.velt.dev/async-collaboration/arrows/customize-ui/parts)
- [Slots](https://docs.velt.dev/async-collaboration/arrows/customize-ui/slots)
- [null](https://docs.velt.dev/async-collaboration/arrows/customize-ui/variables)
- [Arrows](https://docs.velt.dev/async-collaboration/arrows/overview)
- [Setup](https://docs.velt.dev/async-collaboration/arrows/setup)
- [Customize Behavior](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-behavior)
- [Overview](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/overview)
- [Styling](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/styling)
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/custom-action-button)
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/empty-placeholder): The subcomponent of the Comments Sidebar that represents the placeholder when there are no Comments
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/overview): The subcomponent of the Comments Sidebar that represents the filter that is used to filter what Comments appear in the Sidebar
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/subcomponents/category): The subcomponent of the Comments Sidebar Filter that represents the Category
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/subcomponents/close-button): The subcomponent of the Comments Sidebar Filter that represents the Close button
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/subcomponents/comment-type): The subcomponent of the Comments Sidebar Filter that represents the Comment Type filter
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/subcomponents/done-button): The subcomponent of the Comments Sidebar Filter that represents the Done Button
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/subcomponents/filter-item): Used to customize all the filter option items of the Comments Sidebar Filter at once
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/subcomponents/groupby): The subcomponent of the Comments Sidebar Filter that represents the Groupby filter option
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/subcomponents/location): The subcomponent of the Comments Sidebar Filter that represents the Location filter
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/subcomponents/people): The subcomponent of the Comments Sidebar Filter that represents the People filter
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/subcomponents/priority): The subcomponent of the Comments Sidebar Filter that represents the Priority filter
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/subcomponents/title): The subcomponent of the Comments Sidebar Filter that represents the Title
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/filter/subcomponents/versions): The subcomponent of the Comments Sidebar Filter that represents the Version filter
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/focused-thread)
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/header/overview): The subcomponent of the Comments Sidebar that represents the Header of the Sidebar
- [Overview](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/header/subcomponents/location-filter-dropdown/overview)
- [Overview](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/header/subcomponents/minimal-action-dropdown/overview)
- [Overview](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/header/subcomponents/minimal-filter-dropdown/overview)
- [Overview](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/header/subcomponents/status/overview)
- [Content](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/header/subcomponents/status/subcomponents/content)
- [Trigger](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/header/subcomponents/status/subcomponents/trigger)
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/list/overview): The subcomponent of the Comments Sidebar that represents the List of Comments in the Sidebar
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/list/subcomponents/dialog-container): You can customize the Comment Dialog that appears inside the Sidebar with this subcomponent
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/list/subcomponents/group): The subcomponent of the Comments Sidebar List that represents the Group
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/page-mode-composer): The subcomponent of the Comments Sidebar that represents the Composer that appears in Page Mode.
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/reset-filter-button)
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/subcomponents/skeleton): The subcomponent of the Comments Sidebar that represents the Skeleton loader that appears when the Sidebar is first loading.
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/comments-sidebar/variants)
- [Overview](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/sidebar-button/overview): The button that is used to open the Comments Sidebar panel.
- [Styling](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/sidebar-button/styling)
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/sidebar-button/subcomponents/comments-count): The subcomponent on the Sidebar Button that shows the total
- [null](https://docs.velt.dev/async-collaboration/comments-sidebar/customize-ui/sidebar-button/subcomponents/icon): The subcomponent on the Sidebar Button that shows the total
- [Comments Sidebar](https://docs.velt.dev/async-collaboration/comments-sidebar/overview): Provide a toggleable sidebar to view and filter comments.
- [Setup](https://docs.velt.dev/async-collaboration/comments-sidebar/setup)
- [@Mentions](https://docs.velt.dev/async-collaboration/comments/customize-behavior/@mentions)
- [Action Methods](https://docs.velt.dev/async-collaboration/comments/customize-behavior/action-methods)
- [Add Custom Lists](https://docs.velt.dev/async-collaboration/comments/customize-behavior/custom-lists)
- [Add Custom Metadata](https://docs.velt.dev/async-collaboration/comments/customize-behavior/custom-metadata)
- [Event Handlers](https://docs.velt.dev/async-collaboration/comments/customize-behavior/event-handlers)
- [General Controls](https://docs.velt.dev/async-collaboration/comments/customize-behavior/general-controls)
- [Modes](https://docs.velt.dev/async-collaboration/comments/customize-behavior/modes)
- [Multimedia Features](https://docs.velt.dev/async-collaboration/comments/customize-behavior/multimedia)
- [Retrieve Comments](https://docs.velt.dev/async-collaboration/comments/customize-behavior/retrieve-comments)
- [Task Management Controls](https://docs.velt.dev/async-collaboration/comments/customize-behavior/task-management)
- [UI/UX Controls](https://docs.velt.dev/async-collaboration/comments/customize-behavior/ui-controls)
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-bubble/overview): This button shows the comment count and the author's avatar. This is used in Popover comments feature.
- [Styling](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-bubble/styling)
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-bubble/subcomponents/avatar): The subcomponent on the Comment Bubble that shows the User avatar
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-bubble/subcomponents/comments-count): The subcomponent on the Comment Bubble that shows the number of Comments made on a thread.
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/overview): The interface that appears when you try to read an existing Comment or make a new Comment.
- [Variants](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/pre-defined-variants)
- [Styling](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/styling)
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/all-comments): The subcomponent of the Comment Dialog that is used to show the All Comments button that opens the Comments Sidebar
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/approve): The subcomponent of the Comment Dialog that is used approve Comments in Moderator Mode
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/assignee-banner): The subcomponent of the Comment Dialog that is used assign a Comment as a task
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/autocomplete-chip-tooltip): The subcomponent of the Comment Dialog that represents the tooltip that appears when you hover over an Autocomplete Chip.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/autocomplete-option): The subcomponent of the Comment Dialog that represents the dropdown list that appears when you press an Autocomplete hotkey.
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/body/overview): The subcomponent of the Comment Dialog that is used to show all Comment Replies as well as the Comment Composer.
- [ThreadCard](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/body/subcomponents/threadcard): The subcomponent of the Body of the Comment Dialog that is used to show attachments added to a Comment reply.
- [ThreadCard Attachments](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/body/subcomponents/threadcard-attachments): The subcomponent of the Body of the Comment Dialog that is used to show attachments added to a Comment reply.
- [ThreadCard Options](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/body/subcomponents/threadcard-options): The subcomponent of the Body of the Comment Dialog that is used to show the options dropdown
- [ThreadCard Seen](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/body/subcomponents/threadcard-seen)
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/composer/overview): The subcomponent of the Comment Dialog that is used to compose new Comment replies.
- [Composer Attachments](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/composer/subcomponents/composer-attachments): The subcomponent of the Comoposer of the Comment Dialog that is used to show attachments on a Comment that has been composed but hasn't been sent yet.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/composer/subcomponents/private-badge): The subcomponent of the Comment Dialog that is shown in the Composer when Private Mode is turned on.
- [Custom Annotation Dropdown](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/custom-annotation-dropdown): The subcomponent of the Comment Dialog that represents the custom annotation dropdown.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/ghost-banner): The subcomponent of the Comment Dialog that indicates if a Comment has become a Ghost Comment.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/header): The subcomponent of the Comment Dialog that represents the Header.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/navigation-button): Navigation button that appears on sidebar. Clicking on it will navigate to the comment.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/options-dropdown): The subcomponent of the Comment Dialog that represents the Options Dropdown
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/priority-dropdown): The subcomponent of the Comment Dialog that represents the Priority Dropdown
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/private-banner): The subcomponent of the Comment Dialog that is shown near the Header when the Comment is a Private Comment.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/reaction-pin): The subcomponent of the Comment Dialog that represents the the Reaction Pin that appears after a User selects a Reaction.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/reaction-pin-tooltip): The subcomponent of the Comment Dialog that represents the tooltip that appears when a User hovers over a Reaction
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/reaction-tool): The subcomponent of the Comment Dialog that represents the button used to add a Reaction
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/reactions-panel): The subcomponent of the Comment Dialog that represents the panel of all Reactions that have been added to a Comment
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/sign-in): The subcomponent of the Comment Dialog that represents the Sign In button that appears when a User is a Guest User
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/status-dropdown): The subcomponent of the Comment Dialog that represents the Status Dropdown
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/suggestion-action): The subcomponent of the Comment Dialog that represents the Accept or Reject button is Moderator Mode.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-dialog/subcomponents/upgrade): The subcomponent of the Comment Dialog that represents the Upgrade button.
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-pin/overview): The Pin that appears on the DOM when you place a Comment.
- [Styling](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-pin/styling)
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-pin/subcomponents/ghost-comment-indicator): The subcomponent on the Comment Pin that indicates whether the Comment is a Ghost Comment
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-pin/subcomponents/index): The subcomponent on the Comment Pin that indicates the index number of the Comment
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-pin/subcomponents/private-comment-indicator): The subcomponent on the Comment Pin that indicates whether the Comment is a Private Comment
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-pin/subcomponents/triangle): The subcomponent on the Comment Pin that appears as a triangle in the top right corner of a Popover Comment.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-pin/subcomponents/unread-comment-indicator): The subcomponent on the Comment Pin that indicates whether a Comment hasn't been read yet by the User.
- [Styling](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-player-timeline/styling)
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-tool/overview): The button to add new comments.
- [Styling](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-tool/styling)
- [Styling](https://docs.velt.dev/async-collaboration/comments/customize-ui/comment-video-player/styling)
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/confirm-dialog/overview): The Confirmation Dialog that appears when you delete a comment annotation.
- [Styling](https://docs.velt.dev/async-collaboration/comments/customize-ui/confirm-dialog/styling)
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/inline-comments-section/overview): Components that appear when using Inline Comments
- [Variants](https://docs.velt.dev/async-collaboration/comments/customize-ui/inline-comments-section/pre-defined-variants)
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/inline-comments-section/subcomponents/panel/comment-count): The subcomponent of the Inline Comments Section that contains the Comment Count
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/inline-comments-section/subcomponents/panel/composer-container): The subcomponent of the Inline Comments Section that contains the Composer Container
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/inline-comments-section/subcomponents/panel/list): The subcomponent of the Inline Comments Section that contains the List
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/inline-comments-section/subcomponents/panel/overview): The subcomponent of the Inline Comments Section that contains the Panel
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/inline-comments-section/subcomponents/skeleton): The subcomponent of the Inline Comments Section that contains the Skeleton loader that appears when the Inline Comments Section is first loading.
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/multithread-comment-dialog/overview)
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/persistent-comment-mode-banner/overview): The persistent comment mode banner that appears when persistent mode is enabled and user is adding a comment.
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/text-comment-tool/overview): The Comment Tool that appears when you highlight some text.
- [Styling](https://docs.velt.dev/async-collaboration/comments/customize-ui/text-comment-tool/styling)
- [Overview](https://docs.velt.dev/async-collaboration/comments/customize-ui/text-comment-toolbar/overview): The Toolbar that appears when you highlight some text
- [Styling](https://docs.velt.dev/async-collaboration/comments/customize-ui/text-comment-toolbar/styling)
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/text-comment-toolbar/subcomponents/comment-annotation): The subcomponent on the Text Comment Toolbar that is used to add a new Text Comment.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/text-comment-toolbar/subcomponents/copywriter): The subcomponent on the Text Comment Toolbar that is used to rewrite text on the page using AI.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/text-comment-toolbar/subcomponents/divider): The subcomponent on the Text Comment Toolbar that is used to divide other subcomponents in the UI using a thin line.
- [null](https://docs.velt.dev/async-collaboration/comments/customize-ui/text-comment-toolbar/subcomponents/generic): The subcomponent on the Text Comment Toolbar that is used to query ChatGPT.
- [Notifications](https://docs.velt.dev/async-collaboration/comments/notifications): There are several options to send notifications to your users.
- [Comments](https://docs.velt.dev/async-collaboration/comments/overview): Your users can add comments in context to ask questions, leave feedback, report bugs etc. We handle all complexity to ensure the comments are robust against content changes. We support many types of comment UX patterns as illustrated below.
- [ChartJS Comments Setup](https://docs.velt.dev/async-collaboration/comments/setup/chart-comments-setup/chartjs)
- [Custom Charts Setup](https://docs.velt.dev/async-collaboration/comments/setup/chart-comments-setup/custom-charts)
- [Highcharts Comments Setup](https://docs.velt.dev/async-collaboration/comments/setup/chart-comments-setup/highcharts)
- [NivoCharts Comments Setup](https://docs.velt.dev/async-collaboration/comments/setup/chart-comments-setup/nivo-charts)
- [Freestyle Setup](https://docs.velt.dev/async-collaboration/comments/setup/freestyle)
- [Inbox Setup](https://docs.velt.dev/async-collaboration/comments/setup/inbox)
- [Inline Comments Setup](https://docs.velt.dev/async-collaboration/comments/setup/inline-comments)
- [Lottie Player Setup](https://docs.velt.dev/async-collaboration/comments/setup/lottie-player-setup)
- [Page Mode Setup](https://docs.velt.dev/async-collaboration/comments/setup/page)
- [Popover Setup](https://docs.velt.dev/async-collaboration/comments/setup/popover)
- [Stream Setup](https://docs.velt.dev/async-collaboration/comments/setup/stream)
- [Text Setup](https://docs.velt.dev/async-collaboration/comments/setup/text)
- [Tiptap Setup](https://docs.velt.dev/async-collaboration/comments/setup/tiptap)
- [Custom Video Player Setup](https://docs.velt.dev/async-collaboration/comments/setup/video-player-setup/custom-video-player-setup): Use this guide to add collaboration into your own custom video player.
- [Prebuilt Video Player Setup](https://docs.velt.dev/async-collaboration/comments/setup/video-player-setup/video-player-setup): Use this guide if you want to set up a prebuilt video player from our SDK with collaborative features built in.
- [Overview](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-composer/customize-ui/overview)
- [Styling](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-composer/customize-ui/styling)
- [Variants](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-composer/customize-ui/variants)
- [Comment Standalone Composer](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-composer/overview)
- [Setup](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-composer/setup)
- [Overview](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-pin/customize-ui/overview): The Pin that appears on the DOM when you place a Comment.
- [Variants](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-pin/customize-ui/variants)
- [Comment Pin](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-pin/overview)
- [Setup](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-pin/setup)
- [Customize Behavior](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-thread/customize-behavior)
- [Overview](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-thread/customize-ui/overview)
- [Styling](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-thread/customize-ui/styling)
- [Variants](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-thread/customize-ui/variants)
- [Standalone Comment Thread](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-thread/overview)
- [Setup](https://docs.velt.dev/async-collaboration/comments/standalone-components/comment-thread/setup)
- [Customize Behavior](https://docs.velt.dev/async-collaboration/notifications/customize-behavior)
- [Overview](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-panel/overview): The Notification Panel contains all notifications within the current organization. It appears when you click the notification tool or embed it directly on a page.
- [Styling](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-panel/styling)
- [null](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-panel/subcomponents/content/common-content-list): Common Content List component used within all the tab content sections. This renders the list of notifications. You can customize it for all tabs using this or customize it individually within each tab.
- [null](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-panel/subcomponents/content/overview): This contains the main body of the Notifications Panel with the content of each tab.
- [null](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-panel/subcomponents/content/subcomponents/all-tab-content): All Tab content that contains it's notifications.
- [null](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-panel/subcomponents/content/subcomponents/documents-tab-content): Document tab content that contains it's notifications.
- [null](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-panel/subcomponents/content/subcomponents/for-you-tab-content): For You tab content that contains it's notifications.
- [null](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-panel/subcomponents/content/subcomponents/people-tab-content): People tab content that contains it's notifications.
- [null](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-panel/subcomponents/header): This contains all the tabs that are present in the Notifications Panel Header
- [null](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-panel/subcomponents/read-all-button): This button marks all notifications as read.
- [null](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-panel/subcomponents/title): The component that displays the title of the Notification Panel.
- [Overview](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-tool/overview): The button that opens or closes the notification panel.
- [Styling](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-tool/styling)
- [null](https://docs.velt.dev/async-collaboration/notifications/customize-ui/notifications-tool/variant)
- [In-app Notifications](https://docs.velt.dev/async-collaboration/notifications/overview)
- [Setup](https://docs.velt.dev/async-collaboration/notifications/setup)
- [Overview](https://docs.velt.dev/async-collaboration/reactions/customize-ui/overview): This component is used to render the reaction tool and all the reactions.
- [Styling](https://docs.velt.dev/async-collaboration/reactions/customize-ui/styling)
- [Variants](https://docs.velt.dev/async-collaboration/reactions/customize-ui/variants)
- [Inline Reactions](https://docs.velt.dev/async-collaboration/reactions/overview)
- [Setup](https://docs.velt.dev/async-collaboration/reactions/setup)
- [Customize Behavior](https://docs.velt.dev/async-collaboration/recorder/customize-behavior)
- [Recorder](https://docs.velt.dev/async-collaboration/recorder/overview): The Recorder allows your users to create audio, screen, and video recordings.
- [null](https://docs.velt.dev/async-collaboration/recorder/setup)
- [Customize Behavior](https://docs.velt.dev/async-collaboration/view-analytics/customize-behavior)
- [View Analytics](https://docs.velt.dev/async-collaboration/view-analytics/overview)
- [Setup](https://docs.velt.dev/async-collaboration/view-analytics/setup)
- [null](https://docs.velt.dev/get-started/overview)
- [Quickstart](https://docs.velt.dev/get-started/quickstart): Quickstart for React. For other frameworks like `vue`, `angular`, `svelte`, `vanilla js` etc. check out the setup guide.
- [Advanced Setup Options](https://docs.velt.dev/get-started/setup/advanced)
- [2. Authenticate](https://docs.velt.dev/get-started/setup/authenticate): Autheticate your logged in users with the SDK.
- [3. Initialize Document](https://docs.velt.dev/get-started/setup/initialize-document)
- [1. Install](https://docs.velt.dev/get-started/setup/install): Steps to integrate Velt into an existing app
- [AG Grid](https://docs.velt.dev/integrations/ag-grid)
- [null](https://docs.velt.dev/key-concepts/access-control/overview)
- [Set Document](https://docs.velt.dev/key-concepts/documents/set-document)
- [Use Multiple Locations at once](https://docs.velt.dev/key-concepts/locations/multiple-locations)
- [Remove Locations](https://docs.velt.dev/key-concepts/locations/remove-locations)
- [Set Location](https://docs.velt.dev/key-concepts/locations/set-location)
- [null](https://docs.velt.dev/key-concepts/organizations/setup)
- [null](https://docs.velt.dev/key-concepts/overview)
- [null](https://docs.velt.dev/key-concepts/users/contact-list)
- [null](https://docs.velt.dev/key-concepts/users/organization-user-groups)
- [null](https://docs.velt.dev/key-concepts/users/sign-in-user)
- [null](https://docs.velt.dev/key-concepts/users/sign-out-user)
- [Export Cord Data for Migration](https://docs.velt.dev/migration/cord-migration/export-cord-data-for-migration)
- [Overview](https://docs.velt.dev/migration/cord-migration/migration-process-overview)
- [Overview](https://docs.velt.dev/notifications/email/overview)
- [Customize Behavior](https://docs.velt.dev/realtime-collaboration/cursors/customize-behavior)
- [Create Your Own UI](https://docs.velt.dev/realtime-collaboration/cursors/customize-ui/create-your-own-ui)
- [Parts](https://docs.velt.dev/realtime-collaboration/cursors/customize-ui/parts)
- [Slots](https://docs.velt.dev/realtime-collaboration/cursors/customize-ui/slots)
- [Variables](https://docs.velt.dev/realtime-collaboration/cursors/customize-ui/variables)
- [Overview](https://docs.velt.dev/realtime-collaboration/cursors/overview): Your users can view each other's cursors when interacting on the same document. This makes your app more alive. We handle the complexity of adapting the cursors to different screen sizes, differences in content etc.
- [null](https://docs.velt.dev/realtime-collaboration/cursors/setup)
- [Customize Behavior](https://docs.velt.dev/realtime-collaboration/flock-mode/customize-behavior)
- [Overview](https://docs.velt.dev/realtime-collaboration/flock-mode/overview): This is like Figma's follow along feature. Start a shared session in a click. One person is the leader, and whatever they do - like clicking, scrolling, or navigating - happens automatically on everyone else's screen.
- [Setup](https://docs.velt.dev/realtime-collaboration/flock-mode/setup)
- [Customize Behavior](https://docs.velt.dev/realtime-collaboration/huddle/customize-behavior)
- [null](https://docs.velt.dev/realtime-collaboration/huddle/customize-ui/parts)
- [Slots](https://docs.velt.dev/realtime-collaboration/huddle/customize-ui/slots)
- [null](https://docs.velt.dev/realtime-collaboration/huddle/customize-ui/variables)
- [Overview](https://docs.velt.dev/realtime-collaboration/huddle/overview): Enable slack-style effortless audio, video and screen sharing discussions inside your own product. It even comes with built in chat.
- [Setup](https://docs.velt.dev/realtime-collaboration/huddle/setup)
- [Customize Behavior](https://docs.velt.dev/realtime-collaboration/live-selection/customize-behavior)
- [Customize UI](https://docs.velt.dev/realtime-collaboration/live-selection/customize-ui)
- [Overview](https://docs.velt.dev/realtime-collaboration/live-selection/overview): Your users can see what part of the document others are interacting with in real-time.
- [null](https://docs.velt.dev/realtime-collaboration/live-selection/setup)
- [Overview](https://docs.velt.dev/realtime-collaboration/live-state-sync/overview): Allow users to sync state across forms in different clients
- [Redux Middleware](https://docs.velt.dev/realtime-collaboration/live-state-sync/redux-middleware)
- [null](https://docs.velt.dev/realtime-collaboration/live-state-sync/setup)
- [Customize Behavior](https://docs.velt.dev/realtime-collaboration/presence/customize-behavior)
- [Create Your Own UI](https://docs.velt.dev/realtime-collaboration/presence/customize-ui/create-your-own-ui)
- [Parts](https://docs.velt.dev/realtime-collaboration/presence/customize-ui/parts)
- [Variables](https://docs.velt.dev/realtime-collaboration/presence/customize-ui/variables)
- [Overview](https://docs.velt.dev/realtime-collaboration/presence/overview): Your users can see other users online on the document. This makes your app feel alive.
- [Setup](https://docs.velt.dev/realtime-collaboration/presence/setup)
- [Overview](https://docs.velt.dev/realtime-collaboration/single-editor-mode/overview): Lock down forms or settings dashboards so only a single editor can edit at once.
- [null](https://docs.velt.dev/realtime-collaboration/single-editor-mode/setup)
- [null](https://docs.velt.dev/realtime-collaboration/video-player-sync/overview)
- [Setup](https://docs.velt.dev/realtime-collaboration/video-player-sync/setup)
- [null](https://docs.velt.dev/release-notes/april-16-2024)
- [null](https://docs.velt.dev/release-notes/april-24-2024)
- [null](https://docs.velt.dev/release-notes/aug-12-2024)
- [null](https://docs.velt.dev/release-notes/aug-13-2024)
- [null](https://docs.velt.dev/release-notes/aug-14-2024)
- [null](https://docs.velt.dev/release-notes/aug-16-2024)
- [null](https://docs.velt.dev/release-notes/aug-21-2024)
- [null](https://docs.velt.dev/release-notes/aug-22-2024)
- [null](https://docs.velt.dev/release-notes/aug-30-2024)
- [null](https://docs.velt.dev/release-notes/aug-31-2024)
- [null](https://docs.velt.dev/release-notes/aug-6-2024)
- [null](https://docs.velt.dev/release-notes/aug-8-2024)
- [null](https://docs.velt.dev/release-notes/dec-28-2023)
- [null](https://docs.velt.dev/release-notes/feb-13-2024)
- [null](https://docs.velt.dev/release-notes/feb-20-2024)
- [null](https://docs.velt.dev/release-notes/feb-27-2024)
- [null](https://docs.velt.dev/release-notes/jan-14-2024)
- [null](https://docs.velt.dev/release-notes/july-02-2024)
- [null](https://docs.velt.dev/release-notes/july-03-2024)
- [null](https://docs.velt.dev/release-notes/july-04-2024)
- [null](https://docs.velt.dev/release-notes/july-09-2024)
- [null](https://docs.velt.dev/release-notes/june-10-2024)
- [null](https://docs.velt.dev/release-notes/june-24-2024)
- [null](https://docs.velt.dev/release-notes/june-29-2024)
- [null](https://docs.velt.dev/release-notes/june-30-2024)
- [null](https://docs.velt.dev/release-notes/june-6-2024)
- [null](https://docs.velt.dev/release-notes/march-14-2024)
- [null](https://docs.velt.dev/release-notes/march-5-2024)
- [null](https://docs.velt.dev/release-notes/may-10-2024)
- [null](https://docs.velt.dev/release-notes/may-17-2024)
- [null](https://docs.velt.dev/release-notes/may-23-2024)
- [null](https://docs.velt.dev/release-notes/may-24-2024)
- [null](https://docs.velt.dev/release-notes/may-29-2024)
- [null](https://docs.velt.dev/release-notes/nov-1-2024)
- [null](https://docs.velt.dev/release-notes/nov-12-2024)
- [null](https://docs.velt.dev/release-notes/nov-13-2024)
- [null](https://docs.velt.dev/release-notes/nov-15-2024)
- [null](https://docs.velt.dev/release-notes/nov-18-2024)
- [null](https://docs.velt.dev/release-notes/nov-5-2024)
- [null](https://docs.velt.dev/release-notes/nov-6-2024)
- [null](https://docs.velt.dev/release-notes/nov-8-2024)
- [null](https://docs.velt.dev/release-notes/nov-9-2024)
- [null](https://docs.velt.dev/release-notes/oct-1-2024)
- [null](https://docs.velt.dev/release-notes/oct-10-2024)
- [null](https://docs.velt.dev/release-notes/oct-11-2024)
- [null](https://docs.velt.dev/release-notes/oct-14-2024)
- [null](https://docs.velt.dev/release-notes/oct-15-2024)
- [null](https://docs.velt.dev/release-notes/oct-16-2024)
- [null](https://docs.velt.dev/release-notes/oct-17-2024)
- [null](https://docs.velt.dev/release-notes/oct-24-2024)
- [null](https://docs.velt.dev/release-notes/oct-25-2024)
- [null](https://docs.velt.dev/release-notes/oct-29-2024)
- [null](https://docs.velt.dev/release-notes/oct-3-2024)
- [null](https://docs.velt.dev/release-notes/oct-30-2024)
- [null](https://docs.velt.dev/release-notes/oct-4-2024)
- [null](https://docs.velt.dev/release-notes/oct-7-2024)
- [null](https://docs.velt.dev/release-notes/oct-8-2024)
- [null](https://docs.velt.dev/release-notes/oct-9-2024)
- [null](https://docs.velt.dev/release-notes/sept-10-2024)
- [null](https://docs.velt.dev/release-notes/sept-12-2024)
- [null](https://docs.velt.dev/release-notes/sept-13-2024)
- [null](https://docs.velt.dev/release-notes/sept-14-2024)
- [null](https://docs.velt.dev/release-notes/sept-18-2024)
- [null](https://docs.velt.dev/release-notes/sept-20-2024)
- [null](https://docs.velt.dev/release-notes/sept-23-2024)
- [null](https://docs.velt.dev/release-notes/sept-24-2024)
- [null](https://docs.velt.dev/release-notes/sept-25-2024)
- [null](https://docs.velt.dev/release-notes/sept-26-2024)
- [null](https://docs.velt.dev/release-notes/sept-28-2024)
- [null](https://docs.velt.dev/release-notes/sept-3-2024)
- [null](https://docs.velt.dev/release-notes/sept-30-2024)
- [null](https://docs.velt.dev/release-notes/sept-4-2024)
- [null](https://docs.velt.dev/release-notes/sept-5-2024)
- [null](https://docs.velt.dev/release-notes/sept-7-2024)
- [Generating Auth Tokens](https://docs.velt.dev/security/auth-tokens)
- [null](https://docs.velt.dev/security/content-security-policy)
- [JWT Tokens](https://docs.velt.dev/security/jwt-tokens): Generate JWT Tokens for additional security
- [Proxy Server](https://docs.velt.dev/security/proxy-server)
- [Comments Webhooks](https://docs.velt.dev/webhooks/comments-webhooks)
- [Huddle Webhooks](https://docs.velt.dev/webhooks/huddle-webhooks)
- [Overview](https://docs.velt.dev/webhooks/overview)


## Optional

- [Examples](https://velt.dev/examples)