# Usage

`<Markdown />` renders Markdown content; it uses [react-markdown](https://github.com/rexxars/react-markdown).

`import { Markdown } from "aptible-design-kit"`

```jsx
<Markdown>{...}</Markdown>
```

## Props

| Prop | Type | Required | Default Value | Description |
|:--- |:--- |:--- |:--- |:--- |
| children | string | Yes | null | Markdown content to render |
| className | string | No | null | Classname to apply styles |
| escapeHtml | boolean | No | false | Whether or not to render HTMLº |

> ºSetting to false will cause HTML to be rendered (see notes in react-markdown docs about proper HTML support). Be aware that setting this to false might cause security issues if the input is user-generated. _Note:_ The default value was changed from true to false so that the component can render HTML.

Additional props are documented here:
* https://github.com/rexxars/react-markdown#options
* https://github.com/rexxars/react-markdown/blob/master/src/react-markdown.js#L94-L113