Overview

This section covers the parts that define how a message row is laid out: the outer row, the main bubble/body, the header and footer areas, and the lightweight slot components you can use to decorate the message without replacing the entire render tree.

Use This Group When

• You need to change the overall row layout.
• You want to add or remove UI around the message bubble.
• You want to control header, footer, avatar, or swipe-to-reply presentation.
• You are deciding between replacing MessageItemView and using smaller slot overrides.

Core Building Blocks

• MessageItemView renders the full row.
• MessageContent renders the main bubble/body.
• MessageHeader renders the header area above the body.
• MessageFooter renders timestamp and status metadata below the body.

Supporting Components

• MessageAuthor
• MessageTextContainer
• MessageSwipeContent
• MessageSpacer

Decoration Slots

Use these when you want to add small pieces of UI without replacing MessageContent:

• MessageContentTopView
• MessageContentBottomView
• MessageContentLeadingView
• MessageContentTrailingView

Recommendation

Start with the slot components first. Move to MessageContent, and only replace MessageItemView, when you truly need to change row structure, grouping behavior, or where overlays anchor.