Skip to Content

Companion

The companion view is a compact view designed to sit in a sidebar or similar location. It offers the same chat experience as the console view, but is designed to be more compact and less cluttered.

Below is a bare-bones example of a console chat. The only difference between this experience and the console experience is setting viewType="companion" on the <Chat /> component.

Below is the code for the above example.

<Chat sessions={[ { id: '1', title: 'Session 1', createdAt: new Date(), updatedAt: new Date(), conversations: [ { id: '1', question: 'What is React?', response: 'React is a JavaScript library for building user interfaces.', createdAt: new Date(), updatedAt: new Date() }, { id: '2', question: 'What is JSX?', response: 'JSX is a syntax extension for JavaScript.', createdAt: new Date(), updatedAt: new Date() } ] } ]} viewType="companion" onDeleteSession={() => alert("delete!")} > <SessionsList> <NewSessionButton /> <SessionGroups /> </SessionsList> <SessionMessagePanel> <SessionMessagesHeader /> <SessionMessages /> <ChatInput /> </SessionMessagePanel> </Chat>

For more information on how to set up a console chat, please refer to the getting started documentation. For more examples of how to use Reachat, please refer to the storybook demos .

Last updated on