Markdown

Renders raw markdown as styled HTML with syntax highlighting

Default

Usage

import { Markdown } from '@tryvienna/ui'

<Markdown content="sampleMarkdown" />

Examples

Default

Default

<Markdown content="sampleMarkdown" />

Small Size

Small Size

<Markdown content="sampleMarkdown" size="sm" />

Code Highlighting

Code Highlighting

<Markdown content="codeMarkdown" />

Variants

Name	Options	Default
size	sm | md | lg	md

API Reference

Markdown

Prop	Type	Default	Description
content	string | undefined	-
html	string | undefined	-
size	"sm" | "lg" | "md" | null | undefined	-

Data Attributes

Component	data-slot
Markdown	"markdown"