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
import { ErrorBadge } from "stream-chat-react-native";
<ErrorBadge size="md" />;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.