Ant Design X Markdown

https://github.com/ant-design/x/tree/main/packages/x/docs/x-markdown

Admin

X Markdown is a markdown component library for Ant Design X that supports custom plugins, streaming...

Tokens:697

Snippets:11

Trust Score:9.6

Update:9 months ago

Show doc for...

Tokens:

Raw

### Install Ant Design X Markdown using npm/yarn/pnpm/bun

Source: https://github.com/ant-design/x/tree/main/packages/x/docs/x-markdown/x-markdowns/introduce

This command installs the @ant-design/x-markdown package using npm. It's recommended for development to leverage the ecosystem and for safe production deployment. Ensure you have Node.js and a package manager installed.

```bash
$ npm install @ant-design/x-markdown --save

```

--------------------------------

### Basic React Usage of Ant Design X Markdown

Source: https://github.com/ant-design/x/tree/main/packages/x/docs/x-markdown/x-markdowns/introduce

This React example demonstrates how to use the XMarkdown component to render Markdown content. It imports React and the XMarkdown component, defines a Markdown string, and renders it using the XMarkdown component. Ensure React and ReactDOM are included in your project.

```tsx
import React from 'react';
import { XMarkdown } from '@ant-design/x-markdown';

const content = `
# Hello World


### Welcome to XMarkdown!


- Item 1
- Item 2
- Item 3
`;

const App = () => <XMarkdown content={content} />;

export default App;

```

Tokens:

Raw