When to use
Use the Messages components to mock up chat features or an iMessage-style conversation. The bubbles, typing dots, and compose bar match iOS so the chat feels native.
Props
| Prop | Values | Default | Description |
|---|---|---|---|
data-fromon .ios-bubble | "me" | "them" | – | Sent or received. |
data-tailon .ios-bubble | boolean | false | Tail on the last bubble in a run. |
data-typingon .ios-bubble | boolean | false | Typing dots. |
data-service | "sms" | iMessage | Green bubbles. |