React
iOS
Android
Flutter
Angular
JavaScript
Unity
Unreal
Node
Python
Ruby
PHP
Java
.NET
Go
RESTimport { ErrorBadge } from "stream-chat-react-native";
<ErrorBadge size="md" />;ErrorBadge
ErrorBadge renders a small circular error indicator with an exclamation mark icon. It is used to signal error states on messages, uploads, or other UI elements that need visual error feedback.
The badge uses the badgeBgError semantic token for its background color, ensuring consistent error styling across the SDK.
Usage
Props
| Prop | Description | Type |
|---|---|---|
size (required) | The size of the error badge. Size mapping: 'xs' (16x16), 'sm' (20x20), 'md' (24x24). Defaults to 'md'. | 'xs' | 'sm' | 'md' |
style | Additional style applied to the badge container. | StyleProp<ViewStyle> |
ErrorBadge also accepts all standard React Native ViewProps which are spread onto the outer View container.