- 1.5.0

Chat Scroll

Help me plan a relaxed weekend. Start with a morning walk, leave the afternoon open, and choose one neighborhood for dinner. What if it rains? Keep a museum or bookstore as your backup, with a nearby café for a quiet break. Make Sunday even quieter. Have a slow breakfast, visit a local market, and finish early enough to rest before Monday.
Attribute Type Documentation Default Value
id :any

HTML id attribute
class :any

additional CSS classes and container height
label :string

accessible scroll region label
"Conversation"
indicator_label :string

accessible navigation label
"Assistant replies"
rest :global
Required inner_block * :slot

chat messages

 
<.dm_chat author="You" align="end">Help me plan a relaxed weekend.</.dm_chat>
<.dm_chat author="Assistant" avatar="AI" timeline={1} color="primary">
  Start with a morning walk, leave the afternoon open, and choose one neighborhood for dinner.
</.dm_chat>
<.dm_chat author="You" align="end">What if it rains?</.dm_chat>
<.dm_chat author="Assistant" avatar="AI" timeline={2} color="tertiary">
  Keep a museum or bookstore as your backup, with a nearby café for a quiet break.
</.dm_chat>
<.dm_chat author="You" align="end">Make Sunday even quieter.</.dm_chat>
<.dm_chat author="Assistant" avatar="AI" timeline={3} color="primary">
  Have a slow breakfast, visit a local market, and finish early enough to rest before Monday.
</.dm_chat>