@uiw/react-markdown-preview
Version:
React component preview markdown text in web browser. The minimal amount of CSS to replicate the GitHub Markdown style.
25 lines (24 loc) • 1.24 kB
TypeScript
import React from 'react';
import ReactMarkdown from 'react-markdown';
import './styles/markdown.less';
import './styles/markdowncolor.less';
export declare type MarkdownPreviewProps = {
className?: string;
source?: string;
style?: React.CSSProperties;
warpperElement?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
onMouseOver?: (e: React.MouseEvent<HTMLDivElement>) => void;
} & Omit<ReactMarkdown.ReactMarkdownOptions, 'children'>;
export declare type MarkdownPreviewRef = {
mdp: React.RefObject<HTMLDivElement>;
} & MarkdownPreviewProps;
declare const _default: React.ForwardRefExoticComponent<{
className?: string | undefined;
source?: string | undefined;
style?: React.CSSProperties | undefined;
warpperElement?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
onScroll?: ((e: React.UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
onMouseOver?: ((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
} & Omit<ReactMarkdown.ReactMarkdownOptions, "children"> & React.RefAttributes<MarkdownPreviewRef>>;
export default _default;