Docs

Documentation versions (currently viewingVaadin 24)
Documentation translations (currently viewingEnglish)

Message Input

Message Input allows users to author and send messages.

Message Input allows users to author and send messages.

Open in a
new tab
Source code
MessageInputComponent.java
message-input-component.tsx
message-input-component.ts

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
Source code
MessagesBasic.java
message-basic.tsx
message-basic.ts
Component Usage recommendations

Message List

Show a list of messages.

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