The toolbar of the Chat allows you to add toolbar actions for achieving a more user-friendly conversational UI.

The toolbar is located below the input box of the Chat. You can display or hide the toolbar by clicking the toolbar icon which is placed to the left of the Send button. The Chat toolbar enables you to add buttons for end-user interaction. Depending on the executed command in the toolbar, you can also implement a specific functionality.

Basic Usage

  • Control the toolbar visibility using the showToolbar prop.
  • Set the content of the toolbar using the toolbar prop. This allows returning a React component which will be rendered inside the toolbar.

The following example demonstrates the toolbar in action:

View Source
Change Theme:

In this article

Not finding the help you need?