#ChatInput

The composer at the bottom of the Wally chat: a growing textarea where Enter sends and Shift+Enter adds a line, with the send button turning into Stop while a reply streams. It is controlled — the app owns the draft and the running state — and any actions such as ChatPermissions go between the textarea and ChatInputSubmit.

Source · Storybook

#Usage

import { ChatInput, ChatInputSubmit, ChatInputTextarea } from '@wallarm-org/design-system/ChatInput';

#Examples

#Typing

A multi-line draft — the textarea grows with its content up to eight lines, then scrolls.

#Streaming

While a reply streams the button becomes Stop; its tooltip mentions that Esc in the textarea does the same.

#Disabled

Disabled as a whole, e.g. while the assistant is unavailable.

#With context

Attached context sits in a blue bar behind the box; pass context only when there are chips.

#With settings

ChatPermissions goes between the textarea and the submit, on the second row.

#No disclaimer

disclaimer={null} drops the line under the box.

#Analytics

data-analytics-* goes straight on ChatInputTextarea and ChatInputSubmit, which render the real nodes.

#Props

#ChatInputSubmit

#ChatInputTextarea

#Explorer