Function: default()

[object Object]

Defined in: app/components/UI/Markdown.tsx:28

A stylized wrapper for rendering Markdown content with GitHub Flavored Markdown (GFM) support.

This component uses react-markdown to transform markdown strings into safe HTML. It includes custom component mapping to ensure that rendered elements (like links, headers, and lists) align with the application's design system and Tailwind configuration.

Key Features:

• GFM Support: Enables tables, task lists, and strikethroughs via remark-gfm.
• Safe Links: Automatically adds target="_blank" and rel="noreferrer" to all anchors.
• Typography: Applies consistent margins and colors to headings and lists.

Parameters

props

[object Object]

The component properties.

Returns

[object Object]

Component