Skip to content

Commit a668a96

Browse files
authoredJan 12, 2023
fix(props): [warpperElement -> wrapperElement] typo (#213)
1 parent 6bc7875 commit a668a96

File tree

2 files changed

+5
-5
lines changed

2 files changed

+5
-5
lines changed
 

‎README.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ type MarkdownPreviewProps = {
8787
disableCopy?: boolean;
8888
style?: React.CSSProperties;
8989
pluginsFilter?: (type: 'rehype' | 'remark', plugin: PluggableList) => PluggableList;
90-
warpperElement?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
90+
wrapperElement?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
9191
'data-color-mode'?: 'light' | 'dark';
9292
};
9393
onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
@@ -205,7 +205,7 @@ Set the `light` theme.
205205
```diff
206206
<MarkdownPreview
207207
source="Hello World!"
208-
warpperElement={{
208+
wrapperElement={{
209209
+ "data-color-mode": "light"
210210
}}
211211
/>

‎src/index.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ export interface MarkdownPreviewProps extends Omit<Options, 'children'> {
2424
disableCopy?: boolean;
2525
style?: React.CSSProperties;
2626
pluginsFilter?: (type: 'rehype' | 'remark', plugin: PluggableList) => PluggableList;
27-
warpperElement?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
27+
wrapperElement?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
2828
'data-color-mode'?: 'light' | 'dark';
2929
};
3030
onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
@@ -48,7 +48,7 @@ export default React.forwardRef<MarkdownPreviewRef, MarkdownPreviewProps>((props
4848
onMouseOver,
4949
pluginsFilter,
5050
rehypeRewrite: rewrite,
51-
warpperElement = {},
51+
wrapperElement = {},
5252
...other
5353
} = props;
5454
const mdp = React.useRef<HTMLDivElement>(null);
@@ -94,7 +94,7 @@ export default React.forwardRef<MarkdownPreviewRef, MarkdownPreviewProps>((props
9494
}
9595
const remarkPlugins = [...(other.remarkPlugins || []), gfm];
9696
return (
97-
<div ref={mdp} onScroll={onScroll} onMouseOver={onMouseOver} {...warpperElement} className={cls} style={style}>
97+
<div ref={mdp} onScroll={onScroll} onMouseOver={onMouseOver} {...wrapperElement} className={cls} style={style}>
9898
<ReactMarkdown
9999
{...customProps}
100100
{...other}

0 commit comments

Comments
 (0)
Please sign in to comment.