Navegar componentes

ChatMessageMetadata

MiscExemplo

Linha de metadata composicional para mensagens de chat. Renderiza timestamp, conteúdo de footer e status de entrega em uma única linha. A direção inverte para sender user. Não renderiza nada se todas as props estiverem vazias.

Importação

import {ChatMessageMetadata} from '@pharos-ds/core/ChatMessageMetadata';

Exemplos

Área interativa

status

Mensagem entregue

2:30 PM·Read

Código

import {ChatMessageMetadata, ChatMessage, ChatMessageBubble} from '@pharos-ds/core/Chat';

<ChatMessageMetadata
  timestamp="2:30 PM"
  status="read"
 />

Props

Prop	Tipo	Padrão	Descrição
`timestamp`	`ReactNode`	—	Conteúdo de timestamp: uma string ou componente Timestamp.
`footer`	`ReactNode`	—	Conteúdo de footer: info do modelo, botões de reação, botão de copiar.
`status`	`'sending' \| 'sent' \| 'delivered' \| 'read' \| 'error'`	—	Status de entrega da mensagem. Exibe ícone + label.

Pacote: @pharos-ds/core · Import: @pharos-ds/core/ChatMessageMetadata