Skip to content
Block PartsPro

Conversation Item

One conversation in an inbox list, with sender, subject, preview, tags and an unread state.

Usage

Installation

Conversation Item comes with WunderUI Core and Pro, in the package from your plan. See the plans.

Then import what you need:

tsx
import { ConversationItem, ConversationItemProps } from "@wunderui/react"

API Reference

PropTypeDefault
personPerson—
timeReactNode—
subjectReactNode—
previewReactNode—
tags{ label: ReactNode; color?: BadgeColor }[]—
unreadboolean—
activeboolean—
onClick() => void—
classNamestring—