import { VeltSidebarButton } from '@veltdev/react';

import { useEffect } from 'react'

export default function YourDocument() {

  return (
    <div>
      <VeltSidebarButton shadowDom={false} />
    </div>
  )
}

Disable ShadowDOM

Whether the ShadowDOM is enabled or not on the Sidebar Button

Default: enabled

By default, a ShadowDOM is used with certain components to ensure that your application’s CSS does not interfere with the styling of the SDK components.

If you want your application’s CSS to affect the styling of certain SDK components, you can disable the ShadowDOM.

<VeltSidebarButton shadowDom={false} />