Markdown Renderer

Renders a Markdown string into styled HTML output.

Install

npx @vultra/cli add markdown-renderer

Usage

<script>
  import { MarkdownRenderer } from '@vultra/ui';

  const content = `
## Hello World

This is **bold** and this is *italic*.

- Item one
- Item two
`;
</script>

<MarkdownRenderer {content} />

Props

Prop	Type	Default	Description
content	string	-	Markdown string to render
class	string	-	Additional CSS classes

Notes

• Supports standard Markdown: headings, bold, italic, links, lists, code blocks, blockquotes, and tables.
• Code blocks receive syntax-highlighted classes.
• HTML in source Markdown is sanitized for security.