All components
Data Display
MessageList
beta
Since 1.1
Chat transcript of message bubbles — own messages align right in a brand bubble.
Data Display
primitive
Display
Documented
import { MessageList } from '@ivim/native/components';
When to use
Use when
Showing a back-and-forth conversation (care messaging).
Don't use when
A one-directional event log — use ActivityFeed.
Example
Preview
Code
- CoachHow did this week go?9:14
- Pretty well — hit my step goal.9:16
- CoachLove that. Keep it up!
Accessibility
Roles and screen-reader behavior this component provides, plus keyboard interactions.
•
Rendered as a list; author precedes others' messages.
State coverage
Interaction and visual states this component supports.
base
semantic color
density
Token references
Semantic design tokens this component page exercises. Tap one to edit it live.
Related components
Components that solve adjacent problems or compose with this one.