Skip to content
Block PartsPro

Conversation Item

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

Usage

Installation

bash
npm install @wunderui/react

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—