add support to use valid html attribute

README.md

@@ -79,6 +79,9 @@ All the callback 'onXXXX' can accept a parameter: the ref to the scrollbar conta
     </PerfectScrollbar>
 ```
 
+#### React.HTMLAttributes
+Any attributes defined in [React.HTMLAttributes](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts#L1689) can be used for the component.
+
 ### Methods
 The following method can be called by the component ref:
 #### updateScroll

src/index.d.ts

@@ -4,7 +4,7 @@
 import * as React from 'react';
 import PerfectScrollbar from 'perfect-scrollbar';
 
-export interface ScrollBarProps {
+export interface ScrollBarProps extends React.HTMLAttributes {
   /**
    * class name on container
    */

src/scrollbar.js

@@ -100,12 +100,29 @@ export default class ScrollBar extends Component {
 
   render() {
     const {
-      children, component, style,
+      className,
+      style,
+      option,
+      options,
+      containerRef,
+      onScrollY,
+      onScrollX,
+      onScrollUp,
+      onScrollDown,
+      onScrollLeft,
+      onScrollRight,
+      onYReachStart,
+      onYReachEnd,
+      onXReachStart,
+      onXReachEnd,
+      component,
+      children,
+      ...remainProps
     } = this.props;
     const Comp = component;
 
     return (
-      <Comp style={style} ref={this.handleRef}>
+      <Comp style={style} ref={this.handleRef} {...remainProps}>
         {children}
       </Comp>
     );