[Feature Request] Ability to style components

What problem would this feature solve?

Currently Intercom allows certain positional changes. It is not possible to mirror this, since the <Intercom> component uses hard-coded styling, other than the color

Describe the solution you’d like to see

Ability to pass in a style object to override any defaults

[mikedijkstra]

Hi @taijuten — Thanks for logging this issue.

Ideally we’d like to make our component APIs the same as the provider APIs so you can almost just copy/paste the settings. In addition to this it’s easier to manage responsive behaviour inline with how the provider behaves.

Looking at the Intercom Docs it seems we should add support for:

• alignment: “left” or “right” (default to right)
• vertical_padding: Minimum value of 20, not used on mobile
• horizontal_padding: Minimum value of 20, not used on mobile

Is this something you’d like to contribute to the package? If so we can help you work through a PR.

[Undistraction]

In fact, I think adding a class is definitely worthwhile because it would allow both elements to be styled at the same time:

.live-chat-loader-placeholder,
.intercom-container {
  z-index: XXX;
}