ascii.cnlibs.com
GithubX

Message

A chat message with avatar, header and body.

SB
sam09:41

Kicking off the release build now, should be up in ~4 min.

## installation

pnpm dlx shadcn@latest add https://ascii.cnlibs.com/r/message.json

## usage

import { AvatarFallback } from "@/components/ui/avatar";
import { Message, MessageAuthor, MessageAvatar, MessageBody, MessageContent, MessageHeader, MessageTimestamp } from "@/components/ui/message";
<Message>
  <MessageAvatar>
    <AvatarFallback>SB</AvatarFallback>
  </MessageAvatar>
  <MessageContent>
    <MessageHeader>
      <MessageAuthor>sam</MessageAuthor>
      <MessageTimestamp>09:41</MessageTimestamp>
    </MessageHeader>
    <MessageBody>
      Kicking off the release build now, should be up in ~4 min.
    </MessageBody>
  </MessageContent>
</Message>

## thread

Stack messages in a panel to build a conversation view.

SB
sam09:41

Kicking off the release build now.

MK
mia09:44

I'll watch the error rate dashboard while it rolls out.