# EmptyList

`EmptyList` renders a centered empty state shown when a list has no items. It displays a caller-supplied icon (whose size and color are set by `EmptyList`), a title, and an optional subtitle. It fills the available width and height and is RTL-aware.

## Usage

```tsx
import { EmptyList } from "stream-chat-react-native";
import { Search } from "stream-chat-react-native";

<EmptyList
  icon={Search}
  title="No channels yet"
  subtitle="Start a conversation to see it here."
/>;
```

## Props

| Prop               | Description                                                               | Type                             |
| ------------------ | ------------------------------------------------------------------------- | -------------------------------- |
| `icon` (required)  | Icon component to render. Its size and color are set by `EmptyList`.      | `React.ComponentType<IconProps>` |
| `title` (required) | Title text shown below the icon.                                          | `string`                         |
| `subtitle`         | Optional supporting text shown below the title. Hidden when not provided. | `string`                         |


---

This page was last updated at 2026-06-30T12:00:28.375Z.

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