Aller au contenu principal

MarkDown Component

Description

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

Props

PropTypeDescription
markdownstringThe markdown content to be rendered.

Example Usage

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 1Column 2
Data 1Data 2

Visit our website

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