Actions
Icon badge
Available forNativeWeb
icon button with unread count/dot · always labelled
Usage
Header icon button with an unread count. The label announces the count for screen readers.
API
<IconBadge icon count? dot? accessibilityLabel />Get it
Already in every copy of the native kit:
import { IconBadge } from '@/components/kit/icon-badge';Details
- Exports
IconBadge- Packages
- lucide-react-native@^1.21.0
- Installs with
- @kit-native/icon, @kit-native/lib-utils, @kit-native/text
- Also searched as
- notification, bell, cart, unread count, icon button
- Registry JSON
- /r/native/icon-badge.json
Usage
Header icon button with an unread count. The label announces the count for screen readers.
API
<IconBadge icon count? dot? aria-label onClick? />Get it
Already in every copy of the web kit:
import { IconBadge } from '@/components/kit/icon-badge';Details
- Exports
IconBadge- Packages
- cn@^0.4.0, lucide-react@^1.52.0
- Also searched as
- notification, bell, cart, unread count, icon button
- Registry JSON
- /r/web/icon-badge.json
Agents: the whole registry is at /llms.txt.