Documentation

You are viewing documentation for Vaadin 23. View latest documentation

Documentation

Message Input

Source: TypeScript / Java

Message Input allows users to author and send messages.

Open in a
new tab
<vaadin-message-input @submit="${this._handleSubmit}"></vaadin-message-input>

The user can send the message with one of the following actions:

  • by pressing Enter (use Shift+Enter to add a new line)

  • by clicking the “send” button.

Use the Message List component to show messages that users have sent.

Open in a
new tab
<vaadin-message-list .items="${this.items}"></vaadin-message-list>
<vaadin-message-input @submit="${this._handleSubmit}"></vaadin-message-input>
Component Usage recommendations

Message List

Show a list of messages.

F69B472B-4E0A-4593-9A6C-5E57B417B1FE