Markdown

A component for rendering Markdown text with styles.

Installation

Import the component from the passport-ui package.

components/example.tsx
1
import { Markdown } from "passport-ui";

Usage

Basic example showing how to use the component.

components/example.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
const markdownContent = `
# Hello, Markdown!
This is a paragraph.
- List item 1
- List item 2
```javascript
console.log("Hello, from a code block!");
```
`;
<Markdown content={markdownContent} />;

Additional resources

Documentation and examples are available in Storybook.