---
url: /api/renderers/react-markdown/src/functions/createInstuiMarkdownComponents.md
---
[pantoken-root](../../../../index.md) / [renderers/react-markdown/src](../index.md) / createInstuiMarkdownComponents

# Function: createInstuiMarkdownComponents()

> **createInstuiMarkdownComponents**(`options?`): `Components`

Beta

Build the react-markdown component map for a set of render options.

## Parameters

### options?

[`InstuiMarkdownRenderOptions`](../interfaces/InstuiMarkdownRenderOptions.md) = `{}`

[InstuiMarkdownRenderOptions](../interfaces/InstuiMarkdownRenderOptions.md).

## Returns

`Components`

A react-markdown `components` map backed by Instructure UI.

## Example

**Pass the map straight to react-markdown**

```tsx
import Markdown from "react-markdown";
import { createInstuiMarkdownComponents } from "@pantoken/react-markdown";

const components = createInstuiMarkdownComponents({ tableCaption: "Grades" });
<Markdown components={components}># Report</Markdown>;
```