# 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

```tsx
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.


---

This page was last updated at 2026-04-17T17:33:46.427Z.

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