Markdown

A component for rendering Markdown text with styles.

Installation

Import the component from the passport-ui package.

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

Usage

Basic example showing how to use the component.

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

Additional resources

Documentation and examples are available in Storybook.