Velt home page
Search or ask...
Get API Key
Get API Key
Search...
Navigation
Comment Player Timeline
Styling
Documentation
UI Customization
API Reference
Release Notes
Examples
Get Started
Overview
Quickstart
Setup
Key Concepts
Overview
Organizations
Documents
Locations
Users
Access Control
Async Collaboration
Comments
Overview
Setup
Customize Behavior
Customize UI
Comment Dialog
Comment Pin
Comment Tool
Comment Bubble
Comment Video Player
Comment Player Timeline
Styling
Confirmation Dialog
Inline Comments
Multithread Comment Dialog
Persistent Comment Mode Banner
Text Comment Tool
Text Comment Toolbar
Notifications
Build Yourself - Standalone Components
Comments Sidebar
Notifications
Reactions
Recorder
View Analytics
Arrows
Realtime Collaboration
Presence
Cursors
Follow Me Mode
Huddle
Live Selection
Live State Sync
Single Editor Mode
Video Player Sync
Email Notifications
Overview
Webhooks
Overview
Comments Webhooks
Huddle Webhooks
Security
Content security policy
Generating Auth Tokens
JWT Tokens
Proxy Server
Miscellaneous
Migrate From Cord
Common Integration Questions
Comment Player Timeline
Styling
Disable ShadowDOM
By default, ShadowDOM is used to ensure that your app’s CSS does not interfere with the styling of the SDK components.
Disable the shadow dom to apply your custom CSS to the component.
Default: true
Example
React / Next.js
Other Frameworks
<
VeltCommentPlayerTimeline
shadowDom
=
{
false
}
/>
Was this page helpful?
Yes
No
Styling
Overview
On this page
Disable ShadowDOM
Example