DATA DISPLAY · 46 / 89
Badge
Badge — a Material You data display component for React Native and web.
packages/ui/src/components/Badge.tsx
Variants
The states and shapes this component is meant to be used in.
On avatar
Katherine Johnson
4 unread messages
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
number
default: 99
Cap shown as "max+" when count exceeds it.
boolean
default: false
Render the badge even when count is 0 (hidden by default).
"small" | "large"
default: "large"