Carregando…Carregando…Carregando…Carregando…Conversation row layout — avatar, header, bubble slot and footer, start/end aligned.
$ npx kikitocn add message@/lib/utils@/components/ui/cn/avatarimport { Message } from "@/components/ui/cn/message/Message";
export function MessageExample() {
return (
<Message align="start">
Message
</Message>
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
align | 'start' | 'end' | 'start' | Propaga via Context pra Content/Header/Footer |
children* | React.ReactNode | — | MessageAvatar + MessageContent (Header/bolha/Footer) |
className | string | — | Classes CSS extras |
style | React.CSSProperties | — | Estilos inline extras |
align="start" (outro) · align="end" (você)
2 mensagens seguidas, espaçamento mais apertado, avatar só na última