pantoken / renderers/react-markdown/src / InstuiMarkdown

Ֆունկցիա: InstuiMarkdown() ​

InstuiMarkdown(props): ReactNode

Բետա

Ցուցադրել Markdown-ը՝ Instructure UI տարրերի համապատասխանեցումներով և pantoken պատկերակ/գույն տոկեններով։

Պարամետրեր ​

props ​

InstuiMarkdownProps

InstuiMarkdownProps.

Վերադարձվող արժեք ​

ReactNode

Օրինակներ ​

Basic

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

<InstuiMarkdown>{"Go :arrow-left: back. Brand is #03893D.\n\n> [!TIP]\n> Helpful."}</InstuiMarkdown>;

Plugin-ի միջոցով բրենդային պատկերակներով

tsx
import { InstuiMarkdown } from "@pantoken/react-markdown";
import { simpleIcons } from "@pantoken/plugin-simple-icons";
import * as registry from "simple-icons";

<InstuiMarkdown renderOptions={{ icons: { plugins: [simpleIcons({ registry })] } }}>
  {"Star us on :github:"}
</InstuiMarkdown>;