···48484949## Related Components
50505151+- [MarkdownContent](/docs/components/content/markdown-content) - For rendering markdown content
5152- [Typography](/docs/components/content/typography) - For semantic typography components
5253- [Text](/docs/components/content/text) - For flexible text styling
5354- [Card](/docs/components/content/card) - For grouping content in containers
···11+---
22+title: MarkdownContent
33+description: Renders GitHub-flavored markdown with sanitization to prevent XSS.
44+---
55+66+import { PropDocs } from "../../../lib/PropDocs";
77+import { Example } from "../../../lib/Example";
88+import { Basic } from "../../../examples/markdown-content/basic";
99+1010+<Example src={Basic} />
1111+1212+## Installation
1313+1414+Run the following command to add the markdown-content component to your project.
1515+1616+```bash
1717+pnpm hip install markdown-content
1818+```
1919+2020+## Props
2121+2222+<PropDocs components={["MarkdownContent"]} />
2323+2424+## Features
2525+2626+### GitHub-Flavored Markdown
2727+2828+The component supports GitHub-flavored markdown including tables, strikethrough, and autolinks.
2929+3030+### Sanitization
3131+3232+Content is sanitized via rehype-sanitize to prevent XSS attacks.
3333+3434+## Related Components
3535+3636+- [Typography](/docs/components/content/typography) - For semantic typography components
3737+- [Link](/docs/components/link) - For links within markdown
3838+- [Content](/docs/components/content) - For consistent content spacing
+5
apps/docs/src/examples/markdown-content/basic.tsx
···11+import { MarkdownContent } from "@/components/markdown-content";
22+33+export function Basic() {
44+ return <MarkdownContent content="This is **bold** and this is *italic*." />;
55+}