Open Mafold

Badge

Counts what is waiting. An @ means someone mentioned you; muted chats keep counting, quietly.

Side by side

Mafold todayui.tsx · UnreadBadge
31281.2K@5
BoardUI stylerebuilt on MDS tokens
91152⌘L

Counts

Numbers over 999 compact to one decimal (1.2K), the same formatter the app uses for token counts and wallet amounts. A mention shows @ instead of the number.

Usage

import { UnreadBadge } from "@/components/mafold";

<UnreadBadge count={12} />
<UnreadBadge count={4} mention />
<UnreadBadge count={7} muted />