BadgeCount

BadgeCount renders a rounded pill-shaped badge displaying a numeric or string count. It is typically used to show overflow counts in avatar stacks and groups, or anywhere a count indicator is needed.

The badge adapts its dimensions based on the size prop and uses theme tokens for colors, borders, and typography.

Usage

import { BadgeCount } from "stream-chat-react-native";

<BadgeCount count={5} size="md" />;

<BadgeCount count="+3" size="sm" />

Props

count (required)

The value to display inside the badge. Can be a number or a string.

size (required)

The size of the badge. Controls the height, minimum width, font size, and padding.

Size mapping: