Block Parts
Notification Item
One entry in a notification list, with an avatar or icon, the message, optional actions and an unread dot.
Usage
Can we move the launch review to Thursday?
2 min ago
LM
1 hour ago
Yesterday
Installation
npm install @wunderui/reactThen import what you need:
import { NotificationItem, NotificationItemProps } from "@wunderui/react"API Reference
| Prop | Type | Default |
|---|---|---|
| children | ReactNode | — |
| time | ReactNode | — |
| icon | ReactNode | — |
| avatar | { src?: string; initials?: string; color?: AvatarColor } | — |
| quote | ReactNode | — |
| actions | ReactNode | — |
| unread | boolean | — |
| onClick | () => void | — |
| className | string | — |