Versions

Added Minimap Component

We have just introduced Minimap Component within Comments. By default, it is positioned right, but you have the option to change it to left.

<VeltComments minimapPosition="left" />

<style>
    .relative-container {
        position: relative;
    }

    #scrollableElement {
        width: 100%;
        height: 200px; /* or any value */
        overflow: auto;
    }
</style>

<div className="relative-container">
    <VeltCommentsMinimap targetScrollableElementId="scrollableElement" position="left" />
    <div id="scrollableElement">
        {/* scrollable content */}
    </div>
</div>

Added Support for Reaction Tool

We have added support for reaction tool in custom video player. Within the reaction tool, we have added videoPlayerId attribute and onReactionToolClick event listener.

<VeltReactionTool videoPlayerId={videoPlayerId} onReactionToolClick={() => onReactionToolClick()} />

Was this page helpful?