Skip to content

pantoken / renderers/react-markdown/src / rehypeGithubAlerts

Fonction: rehypeGithubAlerts()

rehypeGithubAlerts(): (tree) => void

Bêta

Un plugin rehype qui marque les blockquotes d'alerte GitHub : il détecte un marqueur de style [!NOTE] au début d'une blockquote, l'enregistre comme data-alert="note" et supprime le texte du marqueur. Le composant React blockquote rend ensuite un Alert d'InstUI.

Renvoie

(tree) => void

Exemple

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

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