This is documentation for Stream Chat Angular SDK v4, which is nolonger actively maintained. For up-to-date documentation, see the latest version (v5).

TextareaComponent

The Textarea component is used by the MessageInput component to display the input HTML element where users can type their message.

Feature overview

Message send can be triggered with the Enter key, new line can be added with the Shift+Enter combination
The textarea will automatically grow with the text
The textarea will automatically insert emojis from the emoji picker

If you want to enable autocomplete features, you can use the AutcompleteTextarea component instead of this one.

Basic usage

You can use the Textarea component if you want to create your own message input component to override the default one:

@Component({
  selector: "app-custom-message-input",
  template: `
    <stream-textarea
      [(value)]="textareaValue"
      (send)="messageSent()"
    ></stream-textarea>
    <!-- Other parts of the custom message input component -->
  `,
})
export class CustomMessageInputComponent {
  textareaValue = "";

  messageSent() {
    // Send your message
  }
}