pantoken / renderers/react-markdown/src / rehypeGithubAlerts

Funktion: rehypeGithubAlerts() ​

rehypeGithubAlerts(): (tree) => void

Beta

Et rehype-plugin, der mærker GitHub-varsel-citattegn: det registrerer en [!NOTE]-stilmarkør ved citattegnets start, registrerer det som data-alert="note", og fjerner markørteksten. React blockquote komponenten gengiver derefter en InstUI Alert.

Returnerer ​

(tree) => void

Eksempel ​

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

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