Skip to content

pantoken / renderers/react-markdown/src / rehypeGithubAlerts

Függvény: rehypeGithubAlerts()

rehypeGithubAlerts(): (tree) => void

Béta

Egy rehype plugin, amely GitHub-alert blokkelőidézeteket jelöl meg: észlel egy [!NOTE] stílusú jelölőt a blokkelőidézet elején, data-alert="note" ként rögzíti, és eltávolítja a jelölő szöveget. A React blockquote komponens ezt követően egy InstUI Alert komponenst jelenít meg.

Visszatérés

(tree) => void

Példa

tsx
import Markdown from "react-markdown";
import { rehypeGithubAlerts } from "@pantoken/react-markdown";

<Markdown rehypePlugins={[rehypeGithubAlerts]}>{"> [!NOTE]\n> Heads up."}</Markdown>;