Chat Message List

component

Presentational message container with density context and infinite scroll support. Provides role="log" with aria-live="polite" for accessibility. A flex spacer pushes messages to the bottom when the list isn't full; set align="top" to start messages at the top instead.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/component-chat-message-list.json"

Sign In

Chat Message List

component

Presentational message container with density context and infinite scroll support. Provides role="log" with aria-live="polite" for accessibility. A flex spacer pushes messages to the bottom when the list isn't full; set align="top" to start messages at the top instead.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/component-chat-message-list.json"

components/astryx/ChatMessageList.ts