docs

Author: big-camel

README.md

@@ -22,7 +22,7 @@
 - [API](https://react-image-previewer-example.vercel.app/docs/api)
 - [Change log](https://github.com/big-camel/react-image-previewer/blob/master/packages/core/CHANGELOG.md)
 
-## features
+## Features
 
 - Support touch gestures, drag and pan physical effect sliding, two-finger specified position to zoom in and out
 - All aspects of animation connection, open and close the rebound touch edge, let the natural interaction effect
@@ -48,15 +48,7 @@ import { SlideToolbar, CloseButton } from 'react-image-previewer/ui';
 
 function App() {
   return (
-    <PhotoProvider overlayRender={props => {
-        const { onClose } = props
-        return (
-          <>
-            <SlideToolbar {...props} />
-            <CloseButton onClick={onClose} />
-          </>
-        )
-      }}>
+    <PhotoProvider>
       <PhotoView src="/1.jpg">
         <img src="/1-thumbnail.jpg" alt="" />
       </PhotoView>

apps/example/src/pages/docs/getting-started.en-US.mdx

@@ -460,14 +460,14 @@ import { SlideToolbar } from 'react-image-previewer/ui'
 In addition to using them via `key`, you can modify their styles or wrap external components via `children`. Setting `items` will be invalid at this time
 
 ```jsx
-import { SlideToolbar, SildeArrowLeft, SlideArrowRight, SlideCountText, SlideDownload } from 'react-image-previewer/ui'
+import { SildeArrowLeft, SlideArrowRight, SlideCountText, SlideDownload } from 'react-image-previewer/ui'
 
-<SlideToolbar {...props}>
+<>
    <Tooltip content="prev"><SildeArrowLeft {...props} /></Tooltip>
    <Tooltip content="next"><SlideArrowRight {...props} /></Tooltip>
    <SlideCountText {...props} className="count-text" />
    <SlideDownload {...props} className="download" />
-</SlideToolbar>
+</>
 ```
 
 <DocSlide />

apps/example/src/pages/docs/getting-started.zh-CN.mdx

@@ -460,14 +460,14 @@ import { SlideToolbar } from 'react-image-previewer/ui'
 除了通过 `key` 来使用他们外，您可以通过 `children` 来修改他们的样式或者包裹外部组件。此时设置 `items` 将失效
 
 ```jsx
-import { SlideToolbar, SildeArrowLeft, SlideArrowRight, SlideCountText, SlideDownload } from 'react-image-previewer/ui'
+import { SildeArrowLeft, SlideArrowRight, SlideCountText, SlideDownload } from 'react-image-previewer/ui'
 
-<SlideToolbar {...props}>
+<>
   <Tooltip content="prev"><SildeArrowLeft {...props} /></Tooltip>
   <Tooltip content="next"><SlideArrowRight {...props} /></Tooltip>
   <SlideCountText {...props} className="count-text" />
   <SlideDownload {...props} className="download" />
-</SlideToolbar>
+<>
 ```
 
 <DocSlide />