pantoken / renderers/react-markdown/src / rehypeColorCodes

تابع: rehypeColorCodes() ​

rehypeColorCodes(): (tree) => void

بتا

یک پلاگین rehype که مقادیر رنگ مستقل را در <span data-color-code="…"> قرار می‌دهد، تا لایهٔ React بتواند یک نمونهٔ رنگ (swatch) را رندر کند. این کار آیینهٔ خط لولهٔ icon-token است.

مقدار بازگشتی ​

(tree) => void

نمونه ​

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

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