diff --git a/web/components/button.react.js b/web/components/button.react.js
--- a/web/components/button.react.js
+++ b/web/components/button.react.js
@@ -27,24 +27,20 @@
 };
 
 export type ButtonProps = {
-  +onClick: ?(event: SyntheticEvent<HTMLButtonElement>) => mixed,
-  +children: React.Node,
+  ...React.ElementConfig<'button'>,
   +variant?: ButtonVariant,
   +buttonColor?: ButtonColor,
-  +type?: string,
-  +disabled?: boolean,
-  +className?: string,
 };
 
 function Button(props: ButtonProps): React.Node {
   const {
-    onClick,
-    children,
     variant = 'plain',
     buttonColor,
+    children,
     type = 'button',
-    disabled = false,
-    className = '',
+    disabled,
+    className,
+    ...buttonProps
   } = props;
 
   const btnCls = classnames({
@@ -71,9 +67,9 @@
 
   return (
     <button
+      {...buttonProps}
       type={type}
       className={`${btnCls} ${className}`}
-      onClick={onClick}
       disabled={disabled}
       style={style}
     >