Skip to content

pantoken / renderers/react-markdown/src / rehypeGithubAlerts

Funktio: rehypeGithubAlerts()

rehypeGithubAlerts(): (tree) => void

Beta

Rehype-laajennus, joka merkitsee GitHub-varoituslainaukset: se tunnistaa [!NOTE]-tyylisen merkin lainauksen alussa, tallentaa sen data-alert="note"-kenttänä ja poistaa merkin tekstin. Reactin blockquote-komponentti renderöi sitten InstUI-Alert.

Palauttaa

(tree) => void

Esimerkki

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

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