Customize UI (How to) | Chat Engine Docs

Chat Engine Pricing Docs My Projects Account Sign Out Book a Demo react-chat-engine Introduction Getting start Project Tutorials Customize UI Introduction Render Functions Components Custom CSS Notifications Connect Your Backend Full Rest API Sockets Context API Event Hooks Webhooks Timezones Customize UI How Chat Engine lets you customize the experience. The entire Chat Engine UI can be customized with two tools. Components & Render Functions. Components are simple, you can render (small or big) chunks of the Chat Engine UI - such as the entire Chat Feed or just a Message Bubble. Render Functions are different, they let you replace parts of the ChatEngine UI with whatever you want. A Funny Example All the render functions have a corresponding component! In the example below, we import all components and put them back in their respestive render (replace) functions. What you get is the exact same <ChatEngine /> UI. All Chat Engine components are "replaced by themself" so nothing changed

Chat Engine Pricing Docs My Projects Account Sign Out Book a Demo react-chat-engine Introduction Getting start Project Tutorials Customize UI Introduction Render Functions Components Custom CSS Notifications Connect Your Backend Full Rest API Sockets Context API Event Hooks Webhooks Timezones Customize UI How Chat Engine lets you customize the experience. The entire Chat Engine UI can be customized with two tools. Components & Render Functions. Components are simple, you can render (small or big) chunks of the Chat Engine UI - such as the entire Chat Feed or just a Message Bubble. Render Funct

saved by

• Abdul Qadeer Zawri