Chat Engine Docs: Custom CSS

Chat Engine CSS hooks allow you to do change the look and feel (CSS) of any component we render for you.
Learn how to migrate change the CSS of everything in Chat Engine within 3 minutes!
Website: chatengine.io/
Documentation: chatengine.io/...

[@rfryanfavour4369]

You are angel sir
Respect 🙏 🤲🏿

[@shankhh]

Thank you so much Adam T^T

[@shankhh]

you've no idea how much this helps a beginner

[@adam_la_morre]

No problem!

[@elvisosuji2707]

Hello Adam, all im trying to do is hide the chatlist component with "renderChatList={() => }" but whenever i do that, my app crashes

[@ahmedfattal9569]

Nice work! Have you considered to use Tailwind instead of plain CSS?

[@adam_la_morre]

Not really but i can check

[@ahmedfattal9569]

@@adam_la_morre So in production level you would use just a plain CSS or bootstrap or Tailwind or something else?

[@adam_la_morre]

@@ahmedfattal9569 That's up to you! If you look at the render functions and components videos you'll see how to replace parts of the UI with whatever you want
Also big advancements to how the UI is customized will be coming soon

[@fugangdeng4423]

Is it possible to change the zIndex of the chatUI?

[@adam_la_morre]

Yeah just set said index with those hooks or do it to the parent div

[@fugangdeng4423]

@@adam_la_morre I keep having the websocket connection fail error for person V4. Could you please tell me how to solve it?

[@sanjeebsahoo1209]

How to use it in mobile