Markdown Renderer

Display

Renders Markdown to styled HTML with code blocks, blockquotes and tables.

Markdown → styled HTML

Heading 1

Regular paragraph with bold and italic text, plus inline code.

Code block

const cls = cn('bg-patina', active && 'text-patina-fg')

Blockquote with context

List item one
List item two
List item three

Instalação via CLI

$ npx kikitocn add markdown-renderer

Exemplo de uso

Markdown RendererExample.tsx

import { MarkdownRenderer } from "@/components/ui/cn/markdown-renderer/MarkdownRenderer";

export function MarkdownRendererExample() {
  return (
    <MarkdownRenderer />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`content*`	`string`	—	Texto em Markdown
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…