document disableDefaultStyles; use lower case for type description

Author: Tomasz Luczak

docs/API.md

@@ -9,14 +9,15 @@ order: 4
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
 | autoHeight | Enable auto-height mode. When `true` container grows with content | `boolean` | `false` |
-| autoHeightMax | Set a minimum height for auto-height mode. Ignoring if **autoHeight** is `false` | `Number` | 0 |
-| autoHeightMin | Set a maximum height for auto-height mode. Ignoring if **autoHeight** is `false`| `Number` | 200 |
+| autoHeightMax | Set a minimum height for auto-height mode. Ignoring if **autoHeight** is `false` | `number` | 0 |
+| autoHeightMin | Set a maximum height for auto-height mode. Ignoring if **autoHeight** is `false`| `number` | 200 |
 | autoHide | Enable auto-hide mode. When `true` tracks will hide automatically and are only visible while scrolling. | `boolean` | `false` |
-| autoHideDuration | Duration for hide animation in ms. | `Number` | 200 |
-| autoHideTimeout | Hide delay in ms. | `Number` | 1000 |
+| autoHideDuration | Duration for hide animation in ms. | `number` | 200 |
+| autoHideTimeout | Hide delay in ms. | `number` | 1000 |
 | classes | extra custom className/s to any of the subcomponents | <code>Partial<Record<'root' &#124; 'view' &#124; 'trackVertical' &#124; 'trackHorizontal' &#124; 'thumbVertical' &#124; 'thumbHorizontal', string></code> | `{}`
 | className | className for the root component | `string` | `undefined`
-| hideTracksWhenNotNeeded | Hide tracks (`visibility: hidden`) when content does not overflow container. | `Boolean` | `false` |
+| disableDefaultStyles | removes basic styling to ease visual customization | `boolean` | `false` 
+| hideTracksWhenNotNeeded | Hide tracks (`visibility: hidden`) when content does not overflow container. | `boolean` | `false` |
 | onScroll | Event handler | `(e: React.UIEvent<HTMLElement>) => void` | `undefined` |
 | onScrollFrame | Runs inside the animation frame. Type of `ScrollValues` you can check below | `(values: ScrollValues) => void` | `undefined` |
 | onScrollStart | Called when scrolling starts | `() => void` | `undefined` |
@@ -27,10 +28,9 @@ order: 4
 | renderTrackHorizontal | Horizontal track element | `(props: HTMLAttributes<HTMLDivElement>) => JSX.Element` | `undefined` |
 | renderTrackVertical | Vertical track element | `(props: HTMLAttributes<HTMLDivElement>) => JSX.Element` | `undefined` |
 | renderView | The element your content will be rendered in | `(props: HTMLAttributes<HTMLDivElement>) => JSX.Element` | `undefined` |
-| thumbMinSize | The element your content will be rendered in | `Number` | 30 |
-| thumbSize | The element your content will be rendered in | `Number or undefined` | `undefined` |
-| universal | Enable universal rendering (SSR). [Learn how to use universal rendering](/usage#universal-rendering) | `Boolean` | `false` |
-
+| thumbMinSize | The element your content will be rendered in | `number` | 30 |
+| thumbSize | The element your content will be rendered in | `number or undefined` | `undefined` |
+| universal | Enable universal rendering (SSR). [Learn how to use universal rendering](/usage#universal-rendering) | `boolean` | `false` |
 
 ### ScrollValues
 ```typescript

docs/customization.md

@@ -75,6 +75,8 @@ For convenience, some 'marker' classes are provided for each of the subcomponent
   `trackHorizontal`: 'rc-scrollbars-track rc-scrollbars-track-h'  
   `thumbVertical`: 'rc-scrollbars-thumb rc-scrollbars-thumb-v'  
   `thumbHorizontal`: 'rc-scrollbars-thumb rc-scrollbars-thumb-h'  
+  
+  There's very little 'beautifying' styles applied by default, however if you'd like to change the `background-color` of the **thumbs** or `border-radius` of the **tracks** you can easily disable their default styling by passing a single prop `disableDefaultStyles`.
 
 ## Respond to scroll events