Catalog Chat

<.comment_message>

ConnieUI.Chat

Sofie Lindqvist 2 minutes ago
Can we look at the fee clause again? Twelve shooting days feels short for this one.
HEEx 
<div class="w-sm">
  <ConnieUI.Chat.comment_message name="Sofie Lindqvist">
    <:avatar>
      <ConnieUI.Avatars.avatar image={@image} size="size-6" />
    </:avatar>
    <:meta>2 minutes ago</:meta>
    <:actions>
      <ConnieUI.Buttons.mini
        icon="icon-dots-horizontal"
        aria_label="Message actions"
        color="quaternary"
        size="sm"
      />
    </:actions>
    Can we look at the fee clause again? Twelve shooting days feels short for this one.
  </ConnieUI.Chat.comment_message>
</div>

Controls

:string

Set by the example

class

Docs

One message in a comment thread: the author's avatar, then their name, when, and the message's actions on one line, and what they said under the name. The comment panel's layout, where a conversation is a handful of lines read over the passage they are about, so there are no bubbles and no sides: every message hangs off its author, the reader's own included. `rest` takes what the host's timeline needs on the row (`id`, `data-timeline-message`, `tabindex`).
Attribute Type Default Description
name * :string
class :any nil
rest :global
Slot Slot attributes Description
:avatar * a `size-6` `ConnieUI.Avatars.avatar/1`
:meta when it was said, as a relative time
:actions the message's menu, at the end of the line
inner_block *