fix: doc

MinJieLiu · Jul 13, 2022 · e7b3377 · e7b3377
1 parent 4198eba
commit e7b3377
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -63,7 +63,7 @@ function App() {
 
 | Name | Type | Description |
 | :-- | :-- | :-- |
-| skin | 'white' \| 'dark' | Adapt to the background color of the container. Default 'white' |
+| skin | 'light' \| 'dark' | Adapt to the background color of the container. Default 'light' |
 | trackGap | number \| [startX: number, endX: number, startY: number, endY: number] | Gap at the cross end of the scroll bar. Default 16 |
 | trackStyle | (horizontal?: boolean) => CSSProperties |  |
 | thumbStyle | (horizontal?: boolean) => CSSProperties |  |

diff --git a/packages/example/src/App.tsx b/packages/example/src/App.tsx
@@ -122,7 +122,11 @@ function App() {
         <MacScrollbar
           as="main"
           style={{ flex: 1, height: 500 }}
-          trackStyle={(horizontal) => ({ [horizontal ? 'height' : 'width']: 0 })}
+          trackStyle={(horizontal) => ({
+            [horizontal ? 'height' : 'width']: 0,
+            right: 2,
+            border: 0,
+          })}
           thumbStyle={(horizontal) => ({ [horizontal ? 'height' : 'width']: 4 })}
           suppressAutoHide
         >

diff --git a/packages/mac-scrollbar/README.md b/packages/mac-scrollbar/README.md
@@ -61,7 +61,7 @@ function App() {
 
 | Name | Type | Description |
 | :-- | :-- | :-- |
-| skin | 'white' \| 'dark' | Adapt to the background color of the container. Default 'white' |
+| skin | 'light' \| 'dark' | Adapt to the background color of the container. Default 'light' |
 | trackGap | number \| [startX: number, endX: number, startY: number, endY: number] | Gap at the cross end of the scroll bar. Default 16 |
 | trackStyle | (horizontal?: boolean) => CSSProperties |  |
 | thumbStyle | (horizontal?: boolean) => CSSProperties |  |

diff --git a/packages/mac-scrollbar/README.zh-CN.md b/packages/mac-scrollbar/README.zh-CN.md
@@ -61,7 +61,7 @@ function App() {
 
 | Name | Type | Description |
 | :-- | :-- | :-- |
-| skin | 'white' \| 'dark' | 适应容器的滚动条主题，默认 'white' |
+| skin | 'light' \| 'dark' | 适应容器的滚动条主题，默认 'light' |
 | trackGap | number \| [startX: number, endX: number, startY: number, endY: number] | 滚动条交叉末端的间隙，默认 16 |
 | trackStyle | (horizontal?: boolean) => CSSProperties |  |
 | thumbStyle | (horizontal?: boolean) => CSSProperties |  |

diff --git a/packages/mac-scrollbar/package.json b/packages/mac-scrollbar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mac-scrollbar",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "A macos style react scroll bar component",
   "author": "MinJieLiu <[email protected]>",
   "type": "module",