MD

Allows to render markdown content within an mml attachment.

Properties

text

string

required

MML string

<mml>
  <md>hello **world** and #hi. Note how not all markdown functions are allowed. [GetStream](https://getstream.io/react-native-activity-feed/tutorial/) is nice</md>
</mml>

Basic usage

MrLahey | Service

Hi Ricky. I am Mr. Lahey’s messaging assistant

So, what can I help you with?

22:30 pm

<MML
  source={`
  <mml>
    <md>hello **world** and #hi. Note how not all markdown functions are allowed. [GetStream](https://getstream.io/react-native-activity-feed/tutorial/) is nice</md>
  </mml>
`}
/>

<MML
  source={`
  <mml>
    <md>hello **world** and #hi. Note how not all markdown functions are allowed. [GetStream](https://getstream.io/react-native-activity-feed/tutorial/) is nice</md>
  </mml>
`}
/>

With a lot of rich text

Note that \n are only here for this live playground example.

MrLahey | Service

Hi Ricky. I am Mr. Lahey’s messaging assistant

So, what can I help you with?

22:30 pm

Markdown

A blockquote with some nice thinking and a link to GetStream

Code

Some inline code and some

<code>self-referential code</code>

Unordered lists

Create a list by starting a line with -
Sub-lists are made by indenting 2 spaces:
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
Very easy!

Ordered lists

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
You can use sequential numbers...

<MML
    source={`
    <mml>
      <md>*Markdown*
> A blockquote with some nice thinking and a [link to GetStream](https://getstream.io/react-native-activity-feed/tutorial/)
\n
**Code**\n
Some \`inline code\` and some\n
    &lt;code&gt;self-referential code&lt;/code&gt;
\n
**Unordered lists**
- Create a list by starting a line with \`-\`
- Sub-lists are made by indenting 2 spaces:
  - Ac tristique libero volutpat at
  - Facilisis in pretium nisl aliquet
  - Nulla volutpat aliquam velit
- Very easy!
\n
**Ordered lists**
1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
1. You can use sequential numbers...
      </md>
    </mml>
  `}
  />

<MML
    source={`
    <mml>
      <md>*Markdown*
> A blockquote with some nice thinking and a [link to GetStream](https://getstream.io/react-native-activity-feed/tutorial/)
\n
**Code**\n
Some \`inline code\` and some\n
    &lt;code&gt;self-referential code&lt;/code&gt;
\n
**Unordered lists**
- Create a list by starting a line with \`-\`
- Sub-lists are made by indenting 2 spaces:
  - Ac tristique libero volutpat at
  - Facilisis in pretium nisl aliquet
  - Nulla volutpat aliquam velit
- Very easy!
\n
**Ordered lists**
1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
1. You can use sequential numbers...
      </md>
    </mml>
  `}
  />

MD

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Properties

MML string

Basic usage

With a lot of rich text

Properties