Chat Input component
Figma Component
Chat Input is used to provide a way for drafting message to be sent to an agent.
Properties
| Name | Description | Default |
|---|---|---|
| busy | If true, Send or Abort button will be disabled | - |
| disabled | If true, the all interations with chat input will be disabled. | - |
| onAbort | Callback when on going stream is aborted | - |
| onSend | Callback to send the message | - |
| streaming | If true, will render Abort button otherwise Send button | - |
| unavailable | If true, the chat input will be unavailable. This hides all sub components and only shows the unavailable content. | - |
Note: This table does not include native DOM and React properties like `onClick`, `ref`, `id`, `aria-label` (and many others) supported by this component.
Playground
Toggle different prop checkboxes to check the behaviour of the chat input.
Enable/Disable check boxes to see the different states of the chat input.