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

# Function: InstuiMarkdown()

> **InstuiMarkdown**(`props`): `ReactNode`

Beta

Render Markdown with Instructure UI element mappings and pantoken icon/color tokens.

## Parameters

### props

[`InstuiMarkdownProps`](../interfaces/InstuiMarkdownProps.md)

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

## Returns

`ReactNode`

## Examples

**Basic**

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

<InstuiMarkdown>{"Go :arrow-left: back. Brand is #03893D.\n\n> [!TIP]\n> Helpful."}</InstuiMarkdown>;
```

**With brand icons via a plugin**

```tsx
import { InstuiMarkdown } from "@pantoken/react-markdown";
import { simpleIcons } from "@pantoken/plugin-simple-icons";
import * as registry from "simple-icons";

<InstuiMarkdown renderOptions={{ icons: { plugins: [simpleIcons({ registry })] } }}>
  {"Star us on :github:"}
</InstuiMarkdown>;
```