ConversationList

Vertical thread list with optional groups, unread weight, pin marker, and timestamp. Compound: ConversationList + Group + Item.

Preview

Usage

import { ConversationList } from '@ramtt/ui'

<ConversationList>
  <ConversationList.Group label="Today">
    <ConversationList.Item title="Coach review" subtitle="Last reply 2m ago" timestamp="2m" active unread />
    <ConversationList.Item title="FTP test plan" timestamp="1h" />
  </ConversationList.Group>
</ConversationList>

Props

PropTypeDefaultDescription
children*ReactNodeGroup or Item children
classNamestringAdditional Tailwind classes