ascii.cnlibs.com
GithubX

Message Scroller

Auto-sticks to bottom, jumps to unread messages.

SB
sam09:41

Kicking off the release build now.

MK
mia09:44

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

DB
deploy-bot09:45

Build queued — commit 8f3a1c2.

SB
sam09:47

Tests are green, 214/214.

DB
deploy-bot09:49

Staging deploy complete.

MK
mia09:52

Smoke-tested checkout, looks good.

SB
sam09:55

Promoting to production.

## installation

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

## usage

import { AvatarFallback } from "@/components/ui/avatar";
import { Message, MessageAuthor, MessageAvatar, MessageBody, MessageContent, MessageHeader, MessageTimestamp } from "@/components/ui/message";
import { MessageScroller } from "@/components/ui/message-scroller";
<MessageScroller>
  {entries.map((entry) => (
    <Message key={entry.id}>
      <MessageAvatar>
        <AvatarFallback>{entry.initials}</AvatarFallback>
      </MessageAvatar>
      <MessageContent>
        <MessageHeader>
          <MessageAuthor>{entry.author}</MessageAuthor>
          <MessageTimestamp>{entry.time}</MessageTimestamp>
        </MessageHeader>
        <MessageBody>{entry.body}</MessageBody>
      </MessageContent>
    </Message>
  ))}
</MessageScroller>