Overview

The Stream Chat React Native SDK includes a set of foundational UI primitives located in components/ui. These components form the building blocks used throughout higher-level chat components such as ChannelList, MessageList, and MessageInput.

Unlike the higher-level chat components, these base UI components are not tied to any chat context or data. They are pure presentational primitives that accept props and render UI. This makes them ideal for building custom UIs or extending the SDK with your own layouts.

Available Components

Theming

All base UI components are theme-aware. They consume the theme via the useTheme hook from the ThemeContext, making them automatically adapt to light and dark mode. Colors, spacing, border radii, and typography values are sourced from the SDK's design token system (primitives and semantics).