Overriding styles about react-chat-window HOT 3 CLOSED

The best way to override the styles currently would be to use a wrapper div and select the elements directly inside of it:

<div clasName="chat-wrapper">
    <Launcher />
</div>

.chat-wrapper .sc-launcher {
    background: plum;
}

That said, I'm open to alternatives and would totally accept a PR if we can agree on something. What would you like that to look like?

from react-chat-window.

I think that works fine for me. I come from a react native background and not so much react ... so sorry if this sounds naive. in RN, one frequently passes in containerStyles as a prop such as https://github.com/brentvatne/React-Native-Elements/blob/master/src/buttons/Button.js#L13 to override the underlying style. But on web, it seems like that isn't necessary?

from react-chat-window.

Yeah, generally I'd prefer to avoid having styles-as-objects so let's leave it like this for now.

from react-chat-window.