Custom Minimized Component Code Samples

The following code sample contains examples of the component, controller, and helper code for a custom minimized embedded component using Aura.

The legacy chat product is in maintenance-only mode, and we won't continue to build new features. You can continue to use it, but we no longer recommend that you implement new chat channels. Instead, you can modernize your customer communication with Messaging for In-App and Web. Messaging offers many of the chat features that you love plus asynchronous conversations that can be picked back up at any time.

Important

This component:

Uses Aura to create an ui:button component, and binds the button click to maximize the embedded component
Uses an initialize function that registers the generic event handler for minimized events that updates the message depending on the event name
Includes optional CSS styling

Embedded Service Chat for Web Developer Guide

Custom Minimized Component Code Samples

Component Code

Controller Code

Helper Code

CSS Code