Skip to content

MarkDown Component

Description

The MarkDown component renders markdown content and supports syntax highlighting for code blocks, tables, and links.

Props

Prop Type Description
markdown string The markdown content to be rendered.

Example Usage

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
import { MarkDown } from "@nomana-it/liberty-core"

const markdownText = `
# Sample Markdown
This is an example of using the **MarkDown** component.

## Features
- Supports **bold** and *italic* text.
- Syntax highlighting for code blocks.
- Tables, lists, and links.

### Code Block Example:
```tsx
const example = "Hello, Markdown!";
console.log(example);

Table Example:

Column 1 Column 2
Data 1 Data 2

Visit our website

1
2
3
export const MarkDownExample = () => {
  return <MarkDown markdown={markdownText} />;
};

🔗 GitHub Repository (Core): Liberty Core
🔗 GitHub Repository (Test Project): Liberty Test
📖 Live Documentation: Liberty Core Docs
💖 Sponsor & Support: Sponsor Liberty Core