pantoken / renderers/react-markdown/src / rehypeColorCodes

Funktion: rehypeColorCodes() ​

rehypeColorCodes(): (tree) => void

Beta

Ein rehype-Plugin, das eigenständige Farbwerte in <span data-color-code="…"> einhüllt, damit die React Ebene eine Farbprobe rendern kann. Spiegelbild der icon-token-Pipeline.

Rückgabe ​

(tree) => void

Beispiel ​

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

<Markdown rehypePlugins={[rehypeColorCodes]}>Brand is #03893D.</Markdown>;