Skip to content

pantoken / renderers/react-markdown/src / rehypeGithubAlerts

Functie: rehypeGithubAlerts()

rehypeGithubAlerts(): (tree) => void

Bèta

Een rehype-plugin die GitHub-waarschuwing-blockquotes tagt: het detecteert een [!NOTE]-stijl markering aan het begin van een blockquote, slaat deze op als data-alert="note" en verwijdert de markertekst. De React blockquote-component rendert vervolgens een InstUI Alert.

Retourneert

(tree) => void

Voorbeeld

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

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