Feature Announcement: React SDK Support for MML

Tess G.
Tess G.
Published December 23, 2020 Updated May 4, 2021

Message Markup Language (MML) enables you to build an interactive message experience. MML supports embedding elements as simple as a button to your message or as complex as date pickers and custom forms within your chat experience. MML also supports images, icons, and tables out of the box.

The goal for MML is to provide a standardized way to handle the most common use cases for message interactivity. MML can be extended into custom components using the MML React library.

MML for React

The first Stream SDK to support MML is the Stream Chat SDK for React. This feature accepts an MML string and renders it as React components. To see specific examples of use cases for MML on React, read our docs for MML-React.

If there are any stateful tags, the library will gather all the initial states and expose them in MMLContext. Also, it accepts a custom converter, which allows you to expand the default tags and add additional components. To see specific examples of use cases, read more here.

Whether you are scheduling an appointment, rendering a carousel, showing a small list of options to a user through a button list, or optimizing data elements (like numbers) for mobile input, MML enables you to build interactive messaging experiences through the Stream React SDK.

Read more about MML in our chat docs and for the raw docs, click here.

MML is currently only available on applications using the React SDK, but stay tuned for broader support for this feature.

decorative lines
Integrating Video with your App?
We've built a Video and Audio solution just for you. Check out our APIs and SDKs.
Learn more ->