Use custom styling for Webchat components in Webchat 3.x.x

To customize the style of Flex Webchat components, enable the isCustomizationEnabled attribute when you initialize Webchat. After you enable this attribute, override the CSS classes of the components that you want to customize.

1
const appConfig = {
2
    // Webchat configuration    
3
    deploymentKey: "{your_key}", // Replace with your deployment key
4
    appStatus: "open",
5
    isCustomizationEnabled: true
6
}