MSDR Design System

Chat e mensagens

Message, Bubble, Marker e Attachment. Fazem parte do inventário oficial do shadcn e ficam disponíveis para produtos com suporte, comentários ou assistentes — sem precisar remontar a estrutura à mão.

Message e Bubble

A conversa é composta: Message é a linha, Bubble é a superfície.

Olá! Preciso alterar o plano do meu workspace.
Claro. Você pode fazer isso em Configurações → Cobrança.

Marker

Divisores e notas de sistema dentro da conversa — em vez de Separator com um texto solto.

Hoje
Mensagem após o divisor.

Attachment

Também usado fora do chat — o FileUpload do MSDR compõe estes mesmos slots.

contrato-2026.pdf320 KB
relatorio.xlsxFalha no envio

Para uma conversa completa, MessageScroller cuida do scroll com âncora no fim e do botão de voltar para a última mensagem. Não recrie esse comportamento com ResizeObserver à mão.