# ThreadComponent

The `Thread` component represents a [message thread](https://getstream.io/chat/docs/javascript/threads/), it is a container component that displays a thread with a header, [`MessageList`](https://getstream.io/chat/docs/sdk/angular/v5/components/MessageListComponent/) and [`MessageInput`](https://getstream.io/chat/docs/sdk/angular/v5/components/MessageInputComponent/) components.

## Usage

The `Thread` component displays the thread header (built inside the thread), the message list and message input components:

```html
<stream-thread name="thread">
  <stream-message-list mode="thread"></stream-message-list>
  <stream-message-input mode="thread"></stream-message-input>
</stream-thread>
```

You can use the default SDK components, or use your own custom components.

## Customization

See [our customization guide](https://getstream.io/chat/docs/sdk/angular/v5/concepts/customization/) on how to provide your own thread header or thread component.

[//]: # "Start of generated content"
[//]: # "End of generated content"


---

This page was last updated at 2026-08-07T20:37:39.035Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/angular/v5/components/ThreadComponent/](https://getstream.io/chat/docs/sdk/angular/v5/components/ThreadComponent/).