# MessagePinnedHeader

Component to render the pinned message label (user) of a message within the [`MessageList`](/chat/docs/sdk/react-native/v5/ui-components/message-list/).

## Basic Usage

You can customize the `MessagePinnedHeader` component and provide it back to the SDK via the [`MessagePinnedHeader`](/chat/docs/sdk/react-native/v5/core-components/channel#MessagePinnedHeader/) prop on `Channel` if desired.

```tsx
import {Channel, MessageAvatar} from 'stream-chat-react-native';

const MessagePinnedHeaderComponent = () => <MessagePinnedHeader />

<Channel MessagePinnedHeader={MessagePinnedHeaderComponent} />
```

## Props

This component uses default values for all the following props, from [`MessageContext`](/chat/docs/sdk/react-native/v5/contexts/message-context/)

### `alignment`

Sets if the message should be aligned to right or left side of list.

| Type                  | Default |
| --------------------- | ------- |
| enum('right', 'left') | 'right' |


### `message`

Message object.

| Type           |
| -------------- |
| `Message` type |



---

This page was last updated at 2026-06-09T15:44:10.005Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/v5/ui-components/message-pinned-header/](https://getstream.io/chat/docs/sdk/react-native/v5/ui-components/message-pinned-header/).