Skip to content

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

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