---
route: /components/md
menu: Components
---

import { Playground, Props } from 'docz';
import { MD } from './MD.tsx';

# MD

Allows to render markdown content within an mml attachment.

## Properties

<Props of={MD} />

## MML string

```xml
<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

<Playground>
  <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>
  `}
  />
</Playground>

## With a lot of rich text

_Note that `\n` are only here for this live playground example_.

<Playground>
  <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>
  `}
  />
</Playground>
